Silverlight图片公告栏正式版

核心提示： 加入了Rectangle （Top）作于鼠标事件获取对象，加入了一个Canvas（temp）用于实现图片切换现在来说明一下实现动画切换的思路，Silverlight图片公告栏正式版(2)，首先image作为显示图片的主体，实现动画时从后台添加一个图片进temp中，并切换image中的图片，

加入了Rectangle （Top）作于鼠标事件获取对象，加入了一个Canvas（temp）用于实现图片切换

现在来说明一下实现动画切换的思路，首先image作为显示图片的主体，实现动画时从后台添加一个图片进temp中，实现的动画的Storyboard都是对这个零时图片进行的，动画完毕后删除加入temp中的图片，并切换image中的图片。这样整个切换流程就完成了。

制作图片切换动画最好能使用Blend来制作这样会简单明了。这个项目中的storyboard我都是用Blend制作的

Storyboard代码

<UserControl.Resources>
　　　　<Storyboard x:Name="ImageStoryboard1" Completed="ImageStoryboard_Completed">
　　　　　　<ColorAnimationUsingKeyFrames Storyboard.TargetName="tmpimage" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)" BeginTime="00:00:00">
　　　　　　　　<SplineColorKeyFrame KeyTime="00:00:00" Value="#00000000"/>
　　　　　　　　<SplineColorKeyFrame KeyTime="00:00:0.600000" Value="#FF000000"/>
　　　　　　</ColorAnimationUsingKeyFrames>
　　　　</Storyboard>
　　　　<Storyboard x:Name="ImageStoryboard2" Completed="ImageStoryboard_Completed">
　　　　　　<PointAnimationUsingKeyFrames Storyboard.TargetName="tmpimage" Storyboard.TargetProperty="(UIElement.OpacityMask).(LinearGradientBrush.StartPoint)" BeginTime="00:00:00">
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00" Value="0.0001,0.9999"/>
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00.6000000" Value="1,0.0"/>
　　　　　　</PointAnimationUsingKeyFrames>
　　　　　　<PointAnimationUsingKeyFrames Storyboard.TargetName="tmpimage" Storyboard.TargetProperty="(UIElement.OpacityMask).(LinearGradientBrush.EndPoint)" BeginTime="00:00:00">
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00" Value="0,1"/>
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00.6000000" Value="0,1"/>
　　　　　　</PointAnimationUsingKeyFrames>
　　　　</Storyboard>
　　　　<Storyboard x:Name="ImageStoryboard3" Completed="ImageStoryboard_Completed">
　　　　　　<PointAnimationUsingKeyFrames Storyboard.TargetName="tmpimage" Storyboard.TargetProperty="(UIElement.OpacityMask).(LinearGradientBrush.StartPoint)" BeginTime="00:00:00">
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00" Value="-0.389999985694885,0.0469999983906746"/>
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00.6000000" Value="-0.601999998092651,-0.237000003457069"/>
　　　　　　</PointAnimationUsingKeyFrames>
　　　　　　<PointAnimationUsingKeyFrames Storyboard.TargetName="tmpimage" Storyboard.TargetProperty="(UIElement.OpacityMask).(LinearGradientBrush.EndPoint)" BeginTime="00:00:00">
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00" Value="-0.382999986410141,-0.527999997138977"/>
　　　　　　　　<SplinePointKeyFrame KeyTime="00:00:00.6000000" Value="-0.171000003814697,-0.244000002741814"/>
　　　　　　</PointAnimationUsingKeyFrames>
　　　　</Storyboard>
　　</UserControl.Resources>