1

我想用 制作动画WPF，但我不知道正确的方法。动画应该是异步的。动画应该是一个增长（高度）的矩形

图片

. 像这样的画布对象是一个不错的选择吗？

也许你们中的某个人可以给我一个有用的链接。我不想要任何代码片段。

4

1 回答 1

0

链接：

  1. 动画概述：MSDN

  2. 动画方法：MSDN

在您的情况下，问题是“高度向下增长或同时向上/向下（50％）”。让 Rectangle 只向上增长几乎没有什么小挑战。

  1. 如何为 Canvas.Top 等附加属性设置动画。（方法一）

  2. 如何为缩放变换设置动画。（方法二）

动画附加属性

动画变换

我正在使用 Canvas（方法 1）发布工作代码。

<Canvas Margin="482,125,206,10" Background="MediumSeaGreen">
    <Rectangle x:Name="Rect" Fill="#FF030315"  Height="100"  Stroke="Black" Width="42" Canvas.Top="222">
        <Rectangle.Triggers>
            <EventTrigger RoutedEvent="MouseEnter">
                <EventTrigger.Actions>
                    <BeginStoryboard x:Name="Sb">
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetProperty="(Canvas.Top)" Storyboard.TargetName="Rect" By="-100" Duration="0:0:5"/>
                            <DoubleAnimation Storyboard.TargetProperty="Height" Storyboard.TargetName="Rect" By="100" Duration="0:0:5"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
            <EventTrigger RoutedEvent="MouseLeave">
                <EventTrigger.Actions>
                    <PauseStoryboard BeginStoryboardName="Sb" />
                </EventTrigger.Actions>
            </EventTrigger>

        </Rectangle.Triggers>
    </Rectangle>
</Canvas>
于 2015-12-27T07:05:10.023 回答