Windows phone 7 phone7中的闪烁图像动画
在wp7中创建闪烁图像动画的最佳方法是什么?是否有源代码可用的示例? (或)Windows phone 7 phone7中的闪烁图像动画,windows-phone-7,windows-phone-7.1,Windows Phone 7,Windows Phone 7.1,在wp7中创建闪烁图像动画的最佳方法是什么?是否有源代码可用的示例? (或) 我有一组4张图片,每一张都要在几秒钟内换成另一张。这有可能吗?我已经为您编写了这段代码。试试看 在xaml中,添加一个带有图像控件和按钮的画布,其中包含一个故事板 <Canvas Height="220" HorizontalAlignment="Left" Margin="79,29,0,0" Name="canvas1" VerticalAlignment="Top" Width="401" Grid.R
我有一组4张图片,每一张都要在几秒钟内换成另一张。这有可能吗?我已经为您编写了这段代码。试试看 在xaml中,添加一个带有图像控件和按钮的画布,其中包含一个故事板
<Canvas Height="220" HorizontalAlignment="Left" Margin="79,29,0,0" Name="canvas1" VerticalAlignment="Top" Width="401" Grid.Row="1" >
<Canvas.Resources>
<Storyboard x:Name="myStoryboard">
<DoubleAnimation
Storyboard.TargetName="image"
Storyboard.TargetProperty="Opacity"
From="1.0" To="0.0" Duration="0:0:1"
/>
</Storyboard>
</Canvas.Resources>
<Image Name="image" Width="200" Height="173"></Image>
<Button Content="Button" Height="54" HorizontalAlignment="Left" Margin="388,113,0,0" Name="button1" VerticalAlignment="Top" Width="97" Grid.Row="1" Click="button1_Click" Canvas.Left="-97" Canvas.Top="-26"/>
</canvas>
可以使用单个图像制作闪烁动画
<Ellipse x:Name="light1" Grid.Column="1" Grid.Row="1" Fill="#FFF7810A" HorizontalAlignment="Left" Margin="109,9,0,8" Stroke="Black" Width="100" d:LayoutOverrides="GridBox"/>
<Ellipse x:Name="light2" Grid.Row="1" Fill="#FFF7810A" Margin="0,9,106,8" Stroke="Black" HorizontalAlignment="Right" Width="100" d:LayoutOverrides="GridBox"/>
在第二步中,我将动画应用到这两个相反方向的圆圈上,这样当一个圆圈淡出另一个圆圈时,另一个圆圈淡出(类似于两个闪烁的道路工作灯的错觉)
<Ellipse x:Name="light1" Grid.Column="1" Grid.Row="1" Fill="#FFF7810A" HorizontalAlignment="Left" Margin="109,9,0,8" Stroke="Black" Width="100" d:LayoutOverrides="GridBox"/>
<Ellipse x:Name="light2" Grid.Row="1" Fill="#FFF7810A" Margin="0,9,106,8" Stroke="Black" HorizontalAlignment="Right" Width="100" d:LayoutOverrides="GridBox"/>
<Grid.Triggers>
<EventTrigger RoutedEvent="Canvas.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="light1" Storyboard.TargetProperty="Opacity" From="0.5" To="1" Duration="0:0:1.5" AutoReverse="True" RepeatBehavior="Forever" />
<DoubleAnimation Storyboard.TargetName="light2" Storyboard.TargetProperty="Opacity" From="1" To="0.5" Duration="0:0:1.5" AutoReverse="True" RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Grid.Triggers>