如何在UWP应用程序中设置椭圆宽度和高度的动画

本文关键字:高度 动画 UWP 应用程序 设置 | 更新日期: 2023-09-27 18:21:39

我正在尝试在XAML中设置Ellipse元素的宽度和高度属性的动画。我在网上找到了一些例子,但似乎都不起作用
我确信我只错过了一些小而愚蠢的东西。这里是我在xaml:中的动画

<Page.Resources>
    <Storyboard x:Name="PressFormLogin" Storyboard.TargetName="OuterEllipse">
        <DoubleAnimation Storyboard.TargetProperty="Width" From="259.0" To="149.0" Duration="0:0:5" />
        <DoubleAnimation Storyboard.TargetProperty="Height" From="259.0" To="149.0" Duration="0:0:5" />
    </Storyboard>
 </Page.Ressources>

XAML中的Ellipse元素:

<Ellipse x:Name="OuterEllipse"  Width="259" Height="259" Fill="#FF5AA1BA" />

以及我如何尝试在后面的代码中启动动画:

PressFormLogin.Begin();

这是我第一次在我的应用程序中使用动画,如果有人能朝着正确的方向推动我,那就太好了。

如何在UWP应用程序中设置椭圆宽度和高度的动画

尝试为DoubleAnimation设置EnableDependentAnimation="True"。请参阅MSDN上的EnableDependentAnimation。