Silverlight: 使用 Silverlight 2.0 构建高级 3D 动画

Figure2Cycle（循环）按钮

<Canvas x:Name="CycleButton"
　Canvas.Top="250"
　MouseLeftButtonDown="CycleButtonLeftMouseDown" >
　<Path x:Name="Cycle" Stroke="#000033"
　　Fill="#FFB47C0D" Canvas.Left="10" Canvas.Top="10"
　　Data="M 25,35 A 10,10 180 1 0 25,15 L 25,20 L 12.5,10 L 25,0 L 25,
　　　　 5 A 10,10 180 1 1 25,45 Z"
　　Width="50" Height="50">
　　<Path.RenderTransform>
　　　<RotateTransform x:Name="CycleRotate" Angle="0"
　　　　CenterX="25" CenterY="25"/>
　　</Path.RenderTransform>
　　<Path.Resources>
　　　<Storyboard x:Name="CycleLatched">
　　　　<DoubleAnimation Storyboard.TargetName="CycleRotate"
　　　　　Storyboard.TargetProperty="Angle" From="360" To="0"
　　　　　Duration="00:00:02" RepeatBehavior="Forever"/>
　　　</Storyboard>
　　</Path.Resources>
　</Path>
　<TextBlock x:Name="CycleCaption" Canvas.Left="65" Canvas.Top="10"
　　Foreground="#FFB47C0D" FontSize="30" FontWeight="Bold"
　　　　Text="Cycle" />
　<Rectangle Width="200" Height="70" RadiusX="30" RadiusY="30"
　　Stroke="#FFB47C0D" StrokeThickness="4" Fill="Transparent"/>
</Canvas>

该 Path 还有一个名为 CycleRotate 的 RotateTransform。该转换最初不会执行任何操作，因为它的角度已设置为 0。但是，当名为 CycleLatched 的 Storyboard 被激活后，它会持续以很小的增量更改角度，从而使箭头开始旋转。