移动:在2秒内从130的位置移动到180的位置。
<Rectangle Canvas.Left="130" Canvas.Top="170" Height="100" Name="rectangle1" Stroke="Black" Width="200" RadiusX="10" RadiusY="10">
<Rectangle.RenderTransform>
<TranslateTransform x:Name="aaaa" X="100" />
</Rectangle.RenderTransform>
<Rectangle.Triggers>
<EventTrigger RoutedEvent="Rectangle.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="aaaa"
Storyboard.TargetProperty="(TranslateTransform.X)"
Duration="0:0:2" From="130" To="180"
RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
可以X和Y坐标一起变换。
旋转:二秒内转一圈
<Rectangle Canvas.Left="130" Canvas.Top="170" Height="100" Name="rectangle1" Stroke="Black" Width="200" RadiusX="10" RadiusY="10">
<Rectangle.RenderTransform>
<RotateTransform x:Name="aaaa" Angle="0" />
</Rectangle.RenderTransform>
<Rectangle.Triggers>
<EventTrigger RoutedEvent="Rectangle.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="aaaa"
Storyboard.TargetProperty="(RotateTransform.Angle)"
Duration="0:0:2" From="0" To="360"
RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
缩放:在两秒内X和Y方向从原来0.5到1.5
<Rectangle Canvas.Left="130" Canvas.Top="170" Height="100" Name="rectangle1" Stroke="Black" Width="200" RadiusX="10" RadiusY="10">
<Rectangle.RenderTransform>
<ScaleTransform x:Name="aaaa" />
</Rectangle.RenderTransform>
<Rectangle.Triggers>
<EventTrigger RoutedEvent="Rectangle.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="aaaa"
Storyboard.TargetProperty="(ScaleTransform.ScaleX)"
Duration="0:0:2" From="0.5" To="1.5"
RepeatBehavior="Forever" />
<DoubleAnimation
Storyboard.TargetName="aaaa"
Storyboard.TargetProperty="(ScaleTransform.ScaleY)"
Duration="0:0:2" From="0.5" To="1.5"
RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
扭曲:
<Rectangle Canvas.Left="130" Canvas.Top="170" Height="100" Name="rectangle1" Stroke="Black" Width="200" RadiusX="10" RadiusY="10">
<Rectangle.RenderTransform>
<SkewTransform x:Name="aaaa" />
</Rectangle.RenderTransform>
<Rectangle.Triggers>
<EventTrigger RoutedEvent="Rectangle.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="aaaa"
Storyboard.TargetProperty="(SkewTransform.AngleX)"
Duration="0:0:2" From="0" To="60"
RepeatBehavior="Forever" />
<DoubleAnimation
Storyboard.TargetName="aaaa"
Storyboard.TargetProperty="(SkewTransform.AngleY)"
Duration="0:0:2" From="0" To="60"
RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>