Win10 UI动画

Posted 2020-07-04 androllen

                                    <Button Content="Ship via Wells, Fargo &amp; Co." 
                                            HorizontalAlignment="Center" VerticalAlignment="Center"
                                    Padding="20,10" FontSize="16"
                                    RenderTransformOrigin="0.5,0.5">
                                        <Button.RenderTransform>
                                            <ScaleTransform x:Name="scaleTransform" ScaleX="0.98" ScaleY="1.02"/>
                                        </Button.RenderTransform>
                                        <Button.Triggers>
                                            <EventTrigger RoutedEvent="Button.Loaded">
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation Storyboard.TargetName="scaleTransform"
                                                             Storyboard.TargetProperty="ScaleX"
                                                             From="0.98" To="1.02" Duration="0:0:0.3"
                                                             AutoReverse="True" RepeatBehavior="Forever"/>
                                                        <DoubleAnimation Storyboard.TargetName="scaleTransform"
                                                             Storyboard.TargetProperty="ScaleY"
                                                             From="0.98" To="1.02" Duration="0:0:0.3"
                                                             AutoReverse="True" RepeatBehavior="Forever"/>
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </EventTrigger>
                                        </Button.Triggers>
                                    </Button>

https://github.com/kgrittner/WPF_Tutorial/blob/a5b4956601481f704df7386b3a225095a72a1e98/ProWPF_C/ToKnow2000/Animation/Scale_Transform.xaml

心跳动画

 

https://github.com/invano/FlipCard/blob/627503d7d022ab049be51a23e5629bc206b7dd4f/FlipCard-WP/MainPage.xaml

https://github.com/johanlindfors/AssemblySplitting/blob/8a02e93d57d719b4dd2ed306245144e95110ba34/Windows%20Phone/Shell/Assets/Storyboards.xaml