WPF在C#后台代码中使用BeginAnimation()方法来使动画产生效果,等同于XAML代码,将动画指定到合适的元素和属性。在XAML中,通常是需要触发器来触发效果的。而WPF触发器有这三种基本类型:属性触发器、数据触发器以及事件触发器,可以在触发器中设置页面加载或者鼠标移入/移出事件。使用触发器是关联动画的最常用方式,但并不是唯一的选择。当创建事件触发器时,需要指定开始触发器的路由事件和触发器执行的一个或多个动作。对于动画,最常用的动作是BeginStoryboard,该动作相当于调用BeginAnimation()方法。所有事件触发器都可以启动动作,所有动作都由继承自System.Windows.TriggerAction的类表示,事件触发器可以在以下4个位置定义事件触发器:
在样式中(Style.Triggers集合)。
在数据模板中(DataTemplate.Triggers集合)。
在控件模板中(ControlTemplate.Triggers集合)。
直接在元素中定义事件触发器(FrameworkElement.Triggers集合)
前期说了C#后台代码控制动画,在XAML中,仍然可以设置多个动画,同步和控制动画
<Window.Triggers>
<!--开始事件-->
<EventTrigger RoutedEvent="Button.Click" SourceName="btn_start">
<BeginStoryboard Name="beginstoryboard1">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="img" Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="0:0:6"></DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<!--停止动画-->
<EventTrigger RoutedEvent="Button.Click" SourceName="btn_pause">
<PauseStoryboard BeginStoryboardName="beginstoryboard1"></PauseStoryboard>
</EventTrigger>
</Window.Triggers>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="106*"></RowDefinition>
<RowDefinition Height="29*"></RowDefinition>
</Grid.RowDefinitions>
<Image Name="img" Source="9.jpg" Margin="0,0,-0.4,1"></Image>
<Grid Grid.Row="1" Margin="0,3,-0.4,0.4">
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Button Name="btn_start" Content="开始" Margin="10" FontSize="20" Grid.Column="0"></Button>
<Button Name="btn_pause" Content="暂停" Margin="10" FontSize="20" Grid.Column="1"></Button>
</Grid>
</Grid>
线性动画有一个缺点,就是看起来会有点卡顿。所以需要设计根据某种方式加速或减速的动画,实现更趋自然的动画,要使用预置的缓动函数(EasingFunction)。EasyingFunction属性只能接受单个缓动函数对象,不能为同一个动画结合不同的缓动函数。
通常,为用户界面应用动画,只不过是创建并配置正确的动画和故事版对象。但在其他情况下,特别是同时发生多个动画时,可能更加需要关注性能。WPF试图保持以60帧/秒的速度进行动画,可以确保从开始到结束得到平滑流畅的动画。帧速率越低,会发生抖动现象。帧速率越高,占用的 CPU也就越高。通过TimeLine.DesiredFrameRate属性进行调整