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

【问题标题】：How to animate the width and height of an ellipse in an UWP app如何在 UWP 应用程序中为椭圆的宽度和高度设置动画
【发布时间】：2016-10-07 15:12:07
【问题描述】：

我正在尝试为 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();

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

【问题讨论】：

标签： c# xaml animation uwp

【解决方案1】：

尝试为您的DoubleAnimation 设置EnableDependentAnimation="True"。见EnableDependentAnimation on MSDN。

【讨论】：

最好不要将 DependentAnimation 设置为 true。相反，最好使用 RenderTransform 并为 Scale.X 和 Scale.Y 设置动画
@MichalKania 你能解释一下为什么不应该使用 EnableDependentAnimation 吗？
@NghiaNghia 来自上述链接的引用：“谨慎使用此属性，因为将其设置为 true 意味着您有意承认动画在运行时可能会减慢 UI 线程上的其他操作。”