大佬教程收集整理的这篇文章主要介绍了Silverlight开发历程—动画(线性动画一些效果),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
对特效的GlobalOffsetX进行动画
<Grid x:Name="LayoutRoot" BACkground="Gray" Loaded="LayoutRoot_Loaded"> <Grid.resources> <Storyboard x:Name="myStoryboard"> <DoubleAnimation Duration="0:0:3" Storyboard.TargetName="PlaneProjectionRotationX_1" Storyboard.TargetProperty="RotationY" To="65" RepeatBehavior="Forever" AutoReverse="True" /> <DoubleAnimation Duration="0:0:3" Storyboard.TargetName="PlaneProjectionRotationX_1" Storyboard.TargetProperty="GlobalOffsetX" To="400" RepeatBehavior="Forever" AutoReverse="True" /> </Storyboard> </Grid.resources> <Canvas Grid.Row="1" Margin="20" Width="200" Height="200" BACkground="White"> <Canvas.Effect> <DropShadowEffect /> </Canvas.Effect> </Canvas> <Image Grid.Row="1" Margin="20" Width="200" Height="200" source="../images/flower2.jpg"> <Image.Effect> <DropShadowEffect /> </Image.Effect> <Image.Projection> <PlaneProjection x:Name="PlaneProjectionRotationX_1" /> </Image.Projection> </Image> </Grid>
C#:
private void LayoutRoot_Loaded(object sender,RoutedEventArgs E) { myStoryboard.begin(); }
对特效的GlobalOffsetX进行动画
对特效的GlobalOffsetY进行动画
<Grid x:Name="LayoutRoot" BACkground="Gray" Loaded="LayoutRoot_Loaded"> <Grid.resources> <Storyboard x:Name="myStoryboard"> <DoubleAnimation Duration="0:0:3" Storyboard.TargetName="PlaneProjectionRotationX_1" Storyboard.TargetProperty="RotationX" To="65" RepeatBehavior="Forever" AutoReverse="True" /> <DoubleAnimation Duration="0:0:3" Storyboard.TargetName="PlaneProjectionRotationX_1" Storyboard.TargetProperty="GlobalOffsetY" To="400" RepeatBehavior="Forever" AutoReverse="True" /> </Storyboard> </Grid.resources> <Canvas Grid.Row="1" Margin="20" Width="200" Height="200" BACkground="White"> <Canvas.Effect> <DropShadowEffect /> </Canvas.Effect> </Canvas> <Image Grid.Row="1" Margin="20" Width="200" Height="200" source="../images/flower2.jpg"> <Image.Effect> <DropShadowEffect /> </Image.Effect> <Image.Projection> <PlaneProjection x:Name="PlaneProjectionRotationX_1" /> </Image.Projection> </Image> </Grid>
C#:
private void LayoutRoot_Loaded(object sender,RoutedEventArgs E) { myStoryboard.begin(); }
结果:
对特效的GlobalOffsetZ进行动画
Grid x:Name="LayoutRoot" BACkground="Gray" Loaded="LayoutRoot_Loaded"> <Grid.resources> <Storyboard x:Name="myStoryboard"> <DoubleAnimation Duration="0:0:3" Storyboard.TargetName="PlaneProjectionRotationX_1" Storyboard.TargetProperty="RotationY" To="65" RepeatBehavior="Forever" AutoReverse="True" /> <DoubleAnimation Duration="0:0:3" Storyboard.TargetName="PlaneProjectionRotationX_1" Storyboard.TargetProperty="RotationZ" To="65" RepeatBehavior="Forever" AutoReverse="True" /> <DoubleAnimation Duration="0:0:3" Storyboard.TargetName="PlaneProjectionRotationX_1" Storyboard.TargetProperty="GlobalOffsetZ" To="400" RepeatBehavior="Forever" AutoReverse="True" /> </Storyboard> </Grid.resources> <Canvas Grid.Row="1" Margin="20" Width="200" Height="200" BACkground="White"> <Canvas.Effect> <DropShadowEffect /> </Canvas.Effect> </Canvas> <Image Grid.Row="1" Margin="20" Width="200" Height="200" source="../images/flower2.jpg"> <Image.Effect> <DropShadowEffect /> </Image.Effect> <Image.Projection> <PlaneProjection x:Name="PlaneProjectionRotationX_1" /> </Image.Projection> </Image> </Grid>
private void LayoutRoot_Loaded(object sender,RoutedEventArgs E) { myStoryboard.begin(); }
结果:
下面的例子是矩形的高度作DoubleAnimation动画,在动画的过程中,高度连续跳动三次,如下代码:
<Canvas x:Name="LayoutRoot" BACkground="White"> <!--声明一个矩形,然后让矩形的宽度从0到300来时行动画递增--> <Rectangle x:Name="rect" Width="200" Height="10"> <Rectangle.Fill> <LinearGradientBrush> <GradientStop Offset="0" Color="White" /> <GradientStop Offset="1" Color="Green" /> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> <Canvas.triggers> <!--创建动画触发器,Canvas.Loaded 在Canvas加载完成以后触发--> <Eventtrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard > <!--声明一个Double动画 并指定他的动画是矩形的高度--> <DoubleAnimation From="10" RepeatBehavior="Forever" To="300" Duration="0:0:3" Storyboard.TargetName="rect" Storyboard.TargetProperty="Height"> <DoubleAnimation.EasingFunction> <BounceEase EasingMode="EaSEOut" Bounces="3" Bounciness="3" /> </DoubleAnimation.EasingFunction> </DoubleAnimation> </Storyboard> </BeginStoryboard> </Eventtrigger> </Canvas.triggers> </Canvas>
以上是大佬教程为你收集整理的Silverlight开发历程—动画(线性动画一些效果)全部内容,希望文章能够帮你解决Silverlight开发历程—动画(线性动画一些效果)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。