WPF动画

WPF动画

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:Visual Studio/ WPF动画

作者:戴伟雄

撰写时间:2020年8月7日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

学习了WPF后感觉WPF的动画是很好用的一个功能,

WPF提供了一个更高级的模型,通过该模型可以只关注动画的定义,而不考虑它们的渲染方式,这个模型基于依赖项属性基础架构,本质上,WPF

动画只不过是在一段时间间隔内修改依赖项属性值的一种方式。不过还有另外一个限制,为了实现属性的动态化,需要有支持相应数据类型的动画

类,例如Button.Width属性使用双精度数据类型,为实现属性的动态化,需要使用DoubleAnimation类,但Button.Padding属性使用的是Thickness结

构,所以需要使用ThicknessAnimation类。为了为属性应用动画,可以针对相应的数据类型创建自己的动画类,你将发

现,System.Windows.Media.Animation名称空间已经为希望使用的大多数数据类型提供了动画类。

WPF动画实际上有两种类型的动画,一种是在开始值和结束值之间以逐步增加的方式改变属性的动画(线性插值过程),另一种是从一个值突然变成另一值得动

画(关键帧动画)。所有关键帧动画都使用 "类型名 + AnimationUsingKeyFrames " 的形式进行命名,比如StringAnimationUsingKeyFrames和

ObjectAnimationUsingKeyFrames。某些数据类型有关键帧动画类,但没有插值动画类。例如,可使用关键帧为字符串应用动画,不能使用插值为字

符串应用动画。然而,所有数据类型都支持关键帧动画,除非他们根本不支持动画。所有具有(使用插值)常规动画类的数据类型,也都有相应的关键

帧动画的动画类型,如线性插值的DoubleAnimation对应DoubleAnimationUsingKyyFrames。另外还有一种基于路径的动画。因此,WPF动画使用三

种方法:线性插值、关键帧和路径。在System.Windows.Media.Animation名称空间中将发现以下内容:

7个 "类型名+Animation类"  这些类使用插值动画。

22个 "类型名+AnimationUsingKeyFrames" 这些类使用关键帧动画。

3个 "类型名+AnimationUsingPath"类这类使用基于路径的动画。

 

下面是一个简单的动画窗口动画,首先是一个故事版设置开始值、结束值、Storyboard.TargetName="UserControlTrans" 指定控件   ,对应指定属性 和历时时间

定义一个特效然后在设置触发器触发故事版的动画。就实现了一个简单的动画

 

WPF动画

也可以使用C#代码创建动画

wpf中,最常用的动画技术是线性插值动画,标准的帧速率是60秒/帧,使用动画的最简单方式是实例化在前面列出的其中一个动画类,然后使用修改

元素的BeginAnimation()方法,所有wpf元素,从UIElement基类开始,都继承了BeginAnimation()方法,该方法是IAnimatable接口的一部分。

XAML代码:

<Button Width="150" Height="60" Grid.Row="0" Click="Button_Click">点击开始动画</Button>

<Button Grid.Row="1" Name="btn1" Width="150" Height="60" Content="动画按钮"></Button>

C#代码

WPF动画

 

后台设置动画的相关属性,实现动画效果。等等还有很多可以去设置