积极答复者
怎么做淡入淡出效果

问题
答案
-
你好,
你也可以使用Animation实现类似的功能,利用Canvas的Opacity属性,如下所示:
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <Canvas Background="Red" Height="100" HorizontalAlignment="Left" Margin="132,159,0,0" Name="canvas1" VerticalAlignment="Top" Width="200" > <Canvas.Resources> <Storyboard x:Name="myStoryboard"> <DoubleAnimation Storyboard.TargetName="canvas1" Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="0:0:2" /> </Storyboard> <Storyboard x:Name="myStoryboard2"> <DoubleAnimation Storyboard.TargetName="canvas1" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:2" /> </Storyboard> </Canvas.Resources> </Canvas> <Button Content="淡出" Height="72" HorizontalAlignment="Left" Margin="187,302,0,0" Name="button1" VerticalAlignment="Top" Width="160" Click="button1_Click" /> <Button Content="淡入" Height="72" HorizontalAlignment="Left" Margin="187,380,0,0" Name="button2" VerticalAlignment="Top" Width="160" Click="button2_Click" /> </Grid> private void button1_Click(object sender, RoutedEventArgs e) { myStoryboard.Begin(); } private void button2_Click(object sender, RoutedEventArgs e) { myStoryboard2.Begin(); }
希望有所帮助。
- 已标记为答案 poison123 2012年1月14日 7:29
全部回复
-
你好,
你也可以使用Animation实现类似的功能,利用Canvas的Opacity属性,如下所示:
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <Canvas Background="Red" Height="100" HorizontalAlignment="Left" Margin="132,159,0,0" Name="canvas1" VerticalAlignment="Top" Width="200" > <Canvas.Resources> <Storyboard x:Name="myStoryboard"> <DoubleAnimation Storyboard.TargetName="canvas1" Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="0:0:2" /> </Storyboard> <Storyboard x:Name="myStoryboard2"> <DoubleAnimation Storyboard.TargetName="canvas1" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:2" /> </Storyboard> </Canvas.Resources> </Canvas> <Button Content="淡出" Height="72" HorizontalAlignment="Left" Margin="187,302,0,0" Name="button1" VerticalAlignment="Top" Width="160" Click="button1_Click" /> <Button Content="淡入" Height="72" HorizontalAlignment="Left" Margin="187,380,0,0" Name="button2" VerticalAlignment="Top" Width="160" Click="button2_Click" /> </Grid> private void button1_Click(object sender, RoutedEventArgs e) { myStoryboard.Begin(); } private void button2_Click(object sender, RoutedEventArgs e) { myStoryboard2.Begin(); }
希望有所帮助。
- 已标记为答案 poison123 2012年1月14日 7:29