代码之家 › 专栏 › 技术社区 › TalkingCode

WPF DoubleAnimation:按步骤制作动画?

animation wpf

TalkingCode · 技术社区 · 15 年前

在我当前的应用程序中,我有这个小动画。它可以使画布旋转360度,并且工作正常。

<DoubleAnimation
 Storyboard.TargetName="WaitCanvas" 
 Storyboard.TargetProperty="(Canvas.RenderTransform).(TransformGroup.Children)[0]  
 .(RotateTransform.Angle)" 
 From="0" To="360" Duration="0:0:2"
 AutoReverse="False" RepeatBehavior="Forever" />

但我想做的不是一个平滑的动画,而是每个22.5度的动画步骤。怎么能做到?

3 回复 | 直到 6 年前

SLaks 15 年前

你可以用一个 DoubleAnimationUsingKeyFrames 并在同一时间点为每增加22.5度制作两个关键帧。

kub1x 6 年前

添加我正在实际搜索的XAML示例。

<Storyboard
    BeginTime="00:00:00"
    RepeatBehavior="Forever"
    Storyboard.TargetName="WaitCanvas" 
    Storyboard.TargetProperty="(Canvas.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)">
    <DoubleAnimationUsingKeyFrames Duration="0:0:2">
        <DoubleKeyFrameCollection>
            <DiscreteDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
            <DiscreteDoubleKeyFrame KeyTime="0:0:0.125" Value="22.5" />
            <DiscreteDoubleKeyFrame KeyTime="0:0:0.250" Value="45" />
            <DiscreteDoubleKeyFrame KeyTime="0:0:0.375" Value="67.5" />
            <DiscreteDoubleKeyFrame KeyTime="0:0:0.500" Value="90" />
            <DiscreteDoubleKeyFrame KeyTime="0:0:0.625" Value="110.5" />
            <!-- ... -->
        </DoubleKeyFrameCollection>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

-3

Jim McCurdy 12 年前

更简单的方法是使用Doubleanimation“by”属性,如:

<DoubleAnimation 
 Storyboard.TargetName="WaitCanvas"  
 Storyboard.TargetProperty="(Canvas.RenderTransform).(TransformGroup.Children)[0]   
 .(RotateTransform.Angle)"  
 From="0" To="360" By="22.5" Duration="0:0:2"
 AutoReverse="False" RepeatBehavior="Forever" />

推荐文章

Laurian Avrigeanu · 如何执行嵌套的ContextMenu实现?

2 年前

asdhkjahjsdjkhjklasdhjhasDKJhl · 有没有办法检测c#中的鼠标侧键按下?

2 年前

LeeJunYoung · Visual Studio 2022发布菜单中没有ftp菜单。如何通过ftp发布?

2 年前

Josep Ramon Ribera · 如何在WPF(C#)中包含条形图?

2 年前

ElaVnla · WPF C#系统。NullReferenceException:“对象引用未设置为对象的实例。”[重复]

2 年前

Kryptonit364 · 在DataGrid中隐藏调整大小和选择列

2 年前

hassan Ma · 从顶部将文本插入WPF文本块

2 年前

Arijit · 移动画布内绘制的矩形

2 年前

thatguy14 · 在WPF中,为什么datagrid拒绝与我的窗口大小相同

2 年前

juraj14466 · C#WPF实时图表将点渲染为图像

2 年前