1.通過xamls設置動畫
<StackPanel>
<Rectangle Width="100" Height="100" Name="r1">
<Rectangle.Fill>
<SolidColorBrush Color="Blue" x:Name="s1"/>
</Rectangle.Fill>
<Rectangle.RenderTransform>
<RotateTransform x:Name="rot1" CenterX="0" CenterY="0" Angle="0"/>
</Rectangle.RenderTransform>
<Rectangle.Triggers>
<EventTrigger RoutedEvent="Window.Loaded">
<BeginStoryboard>
<Storyboard >
<ColorAnimation AutoReverse="True" Storyboard.TargetName="s1" Storyboard.TargetProperty="Color" From="Blue" To="Red" Duration="0:0:1" By="green"/>
<DoubleAnimation Storyboard.TargetName="rot1" Storyboard.TargetProperty="Angle" From="0" To="360" Duration="0:0:1">
</DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
<Rectangle Width="10" Height="10" Fill="Yellow" Name="r2"></Rectangle>
</StackPanel>
2.通過CLR (C#)設置動畫
public Window1()
{
InitializeComponent();
DoubleAnimation da = new DoubleAnimation(10, 100, new Duration(new TimeSpan(0, 0, 1)));
DoubleAnimation da1 = new DoubleAnimation(10, 100, new Duration(new TimeSpan(0, 0, 1)));
Storyboard.SetTargetProperty(da, new PropertyPath(Rectangle.WidthProperty));
Storyboard.SetTargetProperty(da1, new PropertyPath(Rectangle.HeightProperty));
Storyboard sb = new Storyboard();
sb.Children.Add(da);
sb.Children.Add(da1);
sb.Begin(r2);
}
3.也可以直接使用對象的BeginAnimation來啟動動畫
public Window1()
{
InitializeComponent();
DoubleAnimation da = new DoubleAnimation(10, 100, new Duration(new TimeSpan(0, 0, 1)));
r2.BeginAnimation(Rectangle.WidthProperty, da);
r2.BeginAnimation(Rectangle.HeightProperty, da);
}