WinPhone学习笔记(三)——WinPhone的动画.docVIP

WinPhone学习笔记(三)——WinPhone的动画 这段时间又一直赶任务，结果没有去学习，也没有去写博文，这个动画的内容很早就学了，但是一直没把它整理成博文，现在终于有空就弄一下。 开始先讲讲在WinPhone中做动画有两种动画类型，一种是基于帧动画另一种是基于时间动画。接着介绍的动画都是Silverlight动画，Silverlight动画有用xaml描述，也有用传统的cs代码文件里描述。随后的内容都是以Silverlight动画为主，关键帧动画，动画的触发机制，透视变换动画，优先级。接下来就详细描述各个内容。 动画分类 基于帧动画：每调用一次函数则算一帧，在调用一次函数则执行一次变化。 基于时间动画：虽然每次都是在函数上进行调用，但是调用时的变化量是按时间作为自变量。 下面这个例子分别使用了两种类型的动画，动画是文字围绕着中心旋转 先是xmal文件 1 lt;TextBlock Grid.Row=0 Grid.Column=0 Text=Time-base HorizontalAlignment=Center VerticalAlignment=Center RenderTransformOrigin=0.5 0.5gt; 2 lt;TextBlock.RenderTransformgt; 3 lt;RotateTransform x:Name=rotate1/gt; 4 lt;/TextBlock.RenderTransformgt; 5 lt;/TextBlockgt; 6 7 lt;TextBlock Grid.Row=1 Grid.Column=0 Text=Frame-base HorizontalAlignment=Center VerticalAlignment=Center RenderTransformOrigin=0.5 0.5gt; 8 lt;TextBlock.RenderTransformgt; 9 lt;RotateTransform x:Name=rotate2/gt; 10 lt;/TextBlock.RenderTransformgt; 11 lt;/TextBlockgt; 在cs代码文件中就使用了Rendering事件，该事件需要在构造函数中注册 CompositionTarget.Rendering += CompositionTarget_Rendering; CompositionTarget_Rendering方法的定义如下 1 void CompositionTarget_Rendering(object sender, EventArgs e) 2 { 3 rotate1.Angle = (rotate1.Angle + 0.2) % 360; 4 5 TimeSpan elapsedTime = DateTime.Now - dtNow; 6 rotate2.Angle = (elapsedTime.TotalMinutes * 360) % 360; 7 } Rendering事件是在屏幕刷新时触发的，在这个方法里面执行变换，顺其自然则是基于帧的动画，那么利用DateTime的时间差就可以由帧转化成时间了。 Silver动画 这里把动画类型分了两种，用的最多的还是基于时间动画，个人估计原因在于基于帧动画实际上是依靠屏幕的刷新率。如果遇到不同的屏幕刷新率，动画播放就会有不同的效果，但是基于时间动画的话就不会受屏幕刷新率的影响，而且基于帧动画消耗资源也会比较多。 Silverlight动画主要是基于Sotryboard的，使用不同的Animation类，设置对应的targetName受作用的元素与targetProperty受作用的属性。由于动画变换时受变换的作用类型不一样，所以这部分Animation的类有以下几个，DoubleAnimation，ColorAnimation，PointAnimation；这三个子类分别可实现基于数值变化的动画，颜色变换的动画和位置变换的动画。还有几个用于关键帧动画的子类DoubleAnimationUsingKeyFrame，ColorAnimationUsingKeyFrame，PointAnimationUsingKeyFrame，ObjectAnimationUsingKeyFrame，关键帧动画这个先留在后面再说，下面则稍微列举一下简单的Silverlight动画，分别通过在cs实现和通过xm