Silverlight开发实践－－My Silverlight Clock

核心提示： 我作了一些简单的说明，值得一提的是其中的元素布局很不好弄，Silverlight开发实践－－My Silverlight Clock(2)，大家可以使用Blend等工具，其中使用了path的Data属性来定义时钟指针的位置和形状，就会看到上面的外观效果，有了clock的外观，M代表指针的起

我作了一些简单的说明，值得一提的是其中的元素布局很不好弄，大家可以使用Blend等工具。其中使用了path的Data属性来定义时钟指针的位置和形状。M代表指针的起始点的绝对位置，L表示绘制线条。Data属性就是从某一坐标到另一坐标间画一条直线。

<Path.RenderTransform>
　　　　　　　　　　　　　　　 <RotateTransform Angle="125" x:Name="SecendTransform"></RotateTransform>
　　　　　　　　　　　 </Path.RenderTransform>是后面添加动画所用到的。

按F5运行一下，就会看到上面的外观效果。

有了clock的外观，接下来就是要让指针动起来。这里添加了时钟指针的动画：

<Canvas.Triggers>
　　　　　　　　　　　 <EventTrigger RoutedEvent="Canvas.Loaded">
　　　　　　　　　　　　　　　 <EventTrigger.Actions>
　　　　　　　　　　　　　　　　　　　 <BeginStoryboard>
　　　　　　　　　　　　　　　　　　　　　　　 <Storyboard>
<!--时针添加DoubleAnimation-->
　　　　　　　　　　　　　　　　　　　　　　　　　　　 <DoubleAnimation x:Name="hourAnimation" Storyboard.TargetName="HourTransform" Storyboard.TargetProperty="Angle" From="180" To="540" Duration="12:0:0" RepeatBehavior="Forever"></DoubleAnimation>
<!--分针添加DoubleAnimation-->
　　　　　　　　　　　　　　　　　　　　　　　　　　　 <DoubleAnimation x:Name="minuteAnimation" Storyboard.TargetName="MiniteTransform" Storyboard.TargetProperty="Angle" From="180" To="540" Duration="1:0:0" RepeatBehavior="Forever"></DoubleAnimation>
<!--秒针添加DoubleAnimation-->
　　　　　　　　　　　　　　　　　　　　　　　　　　　 <DoubleAnimation x:Name="secendAnimation" Storyboard.TargetName="SecendTransform" Storyboard.TargetProperty="Angle" From="180" To="540" Duration="0:1:0" RepeatBehavior="Forever"></DoubleAnimation>
　　　　　　　　　　　　　　　　　　　　　　　 </Storyboard>
　　　　　　　　　　　　　　　　　　　 </BeginStoryboard>
　　　　　　　　　　　　　　　 </EventTrigger.Actions>
　　　　　　　　　　　 </EventTrigger>
　　　　　　　 </Canvas.Triggers>