xaml - 在 Windows 8 应用程序中使矩形的高度为 0 的动画

Question

在 win8 应用程序中，我正在尝试使用小动画来制作 Rectangle 0 的高度

像 Opacity 这样的属性工作正常，但我无法在高度或宽度上添加动画。

<Page.Resources>
    <Storyboard x:Name="NewStory">
        <DoubleAnimation Storyboard.TargetName="MyRectangle"  Storyboard.TargetProperty="Height" From="100" To="0" Duration="0:0:1" />
    </Storyboard>
</Page.Resources> 

<Rectangle Name="MyRectangle" Width="100" Height="100" Tapped="MyRectangle_OnTapped">

private void MyRectangle_OnTapped(object sender, TappedRoutedEventArgs e)
{
    NewStory.Begin();
}

Answer 1

当您尝试更改影响布局的内容时，此更改的动画称为相关动画，默认情况下它不起作用。为了能够使用它，您应该将 EnableDependentAnimation 属性设置为 true。

<Storyboard x:Name="NewStory">
    <DoubleAnimation Storyboard.TargetName="MyRectangle"  Storyboard.TargetProperty="Height" From="100" To="0" Duration="0:0:1" EnableDependentAnimation="true" />
</Storyboard>