动画创建

第 1 部分：创建 DoubleAnimation
使元素淡入和淡出的一种方法是对其属性进行动画处理 Opacity 。 由于 Opacity 属性的
类型为 Double ，因此需要一个生成双精度值的动画。 DoubleAnimation是一种动画。
DoubleAnimation创建两个双精度值之间的转换。 若要指定其起始值，请设置其 From
属性。 若要指定其结束值，请设置其 To 属性。
<!--定义动画：TargetName指定操作控件，TargetProperty指定操作控件的具体属性，
From指定开始值，To指定结束值，Duration指定所需时间-->
<DoubleAnimation Storyboard.TargetName="MyRectangle"
Storyboard.TargetProperty="Width" From="100" To="200"
Duration="0:0:1"/>
第 2 部分：创建演示图板（故事版）
若要将动画应用于对象，请创建 Storyboard 并使用 TargetName 和
TargetProperty 附加属性指定要进行动画处理的对象和属性。

第 3 部分 (XAML)：将演示图板与触发器关联（事件触发器）
若要应用和启动中，最简单的方法 Storyboard XAML 是使用事件触发器。 本部分演示
如何将 Storyboard 与 XAML 中的触发器相关联。

第4 部分：完整的示例
下面的示例演示如何创建在 XAML 中淡入和淡出视图的矩形。
<Window x:Class="WpfApplication.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfApplication"
Title="MainWindow" Height="768" Width="1366" >
<StackPanel Margin="10">
<!--矩形-->
<Rectangle
Name="MyRectangle"
Width="100"
Height="100"
Fill="Blue">
<Rectangle.Triggers>
<!-- 动画矩形的不透明度 -->
<EventTrigger RoutedEvent="Rectangle.Loaded">
<BeginStoryboard>
<Storyboard>
<!--Duration :起始值到目标值需要时间5秒。
AutoReverse="True":使元素消失后变为视野
RepeatBehavior="Forever": 使动画无限重复-
->
<DoubleAnimation
Storyboard.TargetName="MyRectangle"
Storyboard.TargetProperty="Opacity"
From="1.0" To="0.0"
Duration="0:0:5"
AutoReverse="True"
RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
</StackPanel>
</Window>