uwp 动画之圆的放大与缩小

xml code

---------------------------------------------------

<Page

    x:Class="MyApp.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:MyApp"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    

 

    <Grid>

        <Grid.Resources>

            <Storyboard x:Key="std" x:Name="std" RepeatBehavior="Forever" AutoReverse="True">

                <DoubleAnimation Storyboard.TargetName="scltrf" Storyboard.TargetProperty="ScaleX" Duration="0:0:2" From="1" To="2"/>

                <DoubleAnimation Storyboard.TargetName="scltrf" Storyboard.TargetProperty="ScaleY" Duration="0:0:2" From="1" To="2"/>

            </Storyboard>

        </Grid.Resources>

        <Ellipse Width="150" Height="150" Fill="SkyBlue" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5">

            <Ellipse.RenderTransform>

                <ScaleTransform x:Name="scltrf"/>

            </Ellipse.RenderTransform>

        </Ellipse>

    </Grid>

</Page>

 

 

C# code

------------------------------------------------------------------

 public sealed partial class MainPage : Page

    {

        public MainPage()

        {

            this.InitializeComponent();

 

            this.NavigationCacheMode = NavigationCacheMode.Required;

        }

 

        /// <summary>

        /// 在此页将要在 Frame 中显示时进行调用。

        /// </summary>

        /// <param name="e">描述如何访问此页的事件数据。

        /// 此参数通常用于配置页。</param>

        protected override void OnNavigatedTo(NavigationEventArgs e)

        {

            this.std.Begin();

        }

    }

 

上一篇:uwp 之多媒体开发


下一篇:Flink-CDC实践