C#程序设计及应用教程 第3版 “十二五”普通高等教育本科国家级规划教材 教学课件 ppt 作者 马骏 第10章 动画与多媒体

教育部普通高等教育十二五国家级规划教材 C#程序设计及应用教程第3版 （包括简化版：C#程序设计教程第3版） 第10章 动画与多媒体,2,Ch10 动画与多媒体,10.1 WPF动画基础 10.2 基本动画 10.3 关键帧动画 10.4 路径动画 10.5 用代码实现变换 10.6 对绘图结果进行效果处理 10.7 音频和视频的播放,3,10.1 WPF动画基础,在WPF应用程序中，所有可见对象都可以实现动画功能，具体的实现可以分为两大类动画技术。,4,10.1 WPF动画基础,除了逐帧动画以外，本地动画、时钟动画以及演示图板动画都是基于Timeline类来实现的。 Timeline类是定义计时行为的抽象基类。该抽象类提供了控制动画播放的属性，从该类继承的各种动画类都可以使用这些属性。 Duration属性 RepeatBehavior属性 AutoReverse属性 BeginTime属性 FillBehavior属性 控制时间线速度的属性（SpeedRatio、AccelerationRatio、DecelerationRatio属性）,5,利用Duration属性控制动画,例10-1 (a) 初始效果 (b) 动画播放期间的效果,6,利用RepeatBehavior属性控制动画,例10-2,7,利用AutoReverse属性控制动画,例10-3,8,利用SpeedRatio、AccelerationRatio、DecelerationRatio属性控制动画,例10-4 不同速度控制的运行效果,9,10.2 基本动画,基本动画类型 用本地动画实现基本动画 用Storyboard实现基本动画 用时钟动画实现基本动画,10,1.基本动画类型,WPF提供的基本动画可控制多种类型，这些动画的命名约定为 Animation 可用的有：Byte、Int16、Int32、Int64、Single、Double、Decimal、Color、Point、Size、Thickness、Rect、Vector、Vector3D、Quaternion、Rotation3D。 在这些动画类型中，常用有DoubleAnimation、ColorAnimation和PointAnimation。,11,From/To/By动画的基本用法（假定基值为120）,12,2.用本地动画实现基本动画,本地动画是指直接对对象的属性值进行处理的动画，这种动画受计时系统支持，但不能对动画进行暂停等交互操作。 本地动画只能用C#代码来实现，无法用XAML来描述。,13,用本地动画实现基本动画示例,10-5 用本地动画实现基本动画运行效果,14,3.用Storyboard实现基本动画,基本动画、关键帧动画、路径动画都可以使用Storyboard来实现。 用Storyboard实现动画时，既可以用C#代码来编写，也可以用XAML来描述。,15,用Storyboard实现基本动画示例,例10-6、10-7运行效果,16,4.用时钟动画实现基本动画,时钟动画适用于处理大量类型相同而且需要交互的场合。 例10-8 运行效果,17,10.3 关键帧动画,关键帧动画类型 利用Blend for VS2012制作关键帧动画 在关键帧动画中插入样条动画 在关键帧动画中插入缓动函数,1.关键帧动画类型,关键帧动画类型是内插关键帧的容器。 关键帧动画类型的命名约定为 AnimationUsingKeyFrames 在每个关键帧动画类型的开始标记和结束标记之间，都可以使用多种内插关键帧类型，每个内插关键帧都由关键时间和关键值组成。,18,关键帧动画可控制的属性类型以及可用的内插方法,19,2.利用Blend for VS2012制作关键帧动画,在Window 7下制作关键帧动画或者路径动画时，或者制作应用程序原型时，一般借助Blend+SketchFlow for VS2012来实现，这样能极大地提高项目开发的效率。,20,Blend for VS2012的设计界面,21,使用Blend for VS2012制作关键帧动画的操作要点,创建演示图板后才能利用时间线添加关键帧。 先选择要对其进行动画的对象，然后拖动时间线到某个关键时间，再修改该关键时间的目标属性值。 在事件触发器中指定事件。,22,3. 在关键帧动画中插入样条动画,样条动画使用三次贝塞尔曲线来实现，每条曲线段都由4个点来定义：起点、终点和中间的两个控制点。,23,样条动画示例,例10-10,24,4.在关键帧动画中插入缓动函数,在内插关键帧中，还可以将特殊的数学公式f(t)应用于动画，即随着时间t的变化，将函数f(t)的值自动插入到某个属性值中，从而实现各种特殊的动画效果。 这些实现特殊效果的数学公式称为缓动函数。,25,常用的缓动函数,26,缓动函数动画示例,例10-11,27,28,10.4 路径动画,使用PathGeometry绘制路径 路径动画类型 利用Blend for VS2012制作路径动画,1.使用PathGeometry绘制路径,例10-12 路径标记语法示例,29,2. 路径动画类型,WPF提供的路径动画类型有： PointAnimationUsingPath DoubleAnimationUsingPath MatrixAnimationUsingPath,30,路径动画类型示例,例10-13 PointAnimationUsingPath示例,31,路径动画类型示例,例10-14 DoubleAnimationUsingPath示例,32,路径动画类型示例,例10-15 MatrixAnimationUsingPath示例,33,3.利用Blend for VS2012制作路径动画,在实际的项目开发中，一般借助Blend for VS2012让其自动生成实现路径动画的代码。 在Blend for VS2012中，开发人员只需要通过鼠标拖动和简单操作，即可以让其自动生成对应的路径动画。,34,利用Blend for VS2012制作路径动画步骤,第1步：在Blend中绘制形状和路径 第2步：在Blend中将形状和文本转换为路径 第3步：在Blend中合并和剪切路径,35,利用Blend for VS2012制作路径动画示例,例10-16 在Blend中用铅笔绘制一条螺旋状路径，然后让小球沿着该路径移动。,36,37,10.5 用代码实现变换,二维变换基本概念 对变换进行动画处理,1. 二维变换基本概念,用户通过改变变换矩阵的值，可以旋转、按比例缩放、扭曲和平移对象。 用户也可以通过WPF提供的许多用起来更容易的变换类，可直接对元素进行变换操作。,38,WPF的基本变换类型,39,2. 对变换进行动画处理,可以通过WPF控件的Effect属性对各种变换（平移、旋转、缩放、扭曲等）进行动画处理。,40,对变换进行动画处理示例,例10-19 对变换进行动画处理示例,41,42,10.6 对绘图结果进行效果处理,模糊效果（BlurEffect） 阴影效果（DropShadowEffect） 文本效果（TextEffect）,1. 模糊效果（BlurEffect）,利用继承自Effect的BlurEffect类，可以使目标纹理具有模糊效果（模拟通过离焦透镜查看对象的情形）。 例10-20,43,用BlurEffect实现模糊效果,2. 阴影效果（DropShadowEffect）,利用继承自Effect的DropShadowEffect类，可以在目标纹理对象的周围创建投影效果，比如柔和阴影、噪音、强烈投影以及外部发光效果等。 例10-21,44,用DropShadowEffect实现阴影效果,3. 文本效果（TextEffect）,对于模糊效果和阴影效果来说，Effect用于将所有字符作为一个整体进行处理，而利用TextEffect，则可以对文本中的每个字符进行效果和变换处理。 例10-22,45,用DropShadowEffect实现旋转效果,46,10.7 音频和视频的播放,语音 音频和视频（MediaElement） SoundPlayerAction类,1. 语音,Microsoft.NET框架在System.Speech.Synthesis.SpeechSynthesizer类中提供了对已安装的语音合成引擎功能的访问，在需要通过文字发音的项目需求中非常有用。,47,语音基本用法示例,例10-23语音用法示例,48,2.音频和视频（MediaElement）,在WPF中，播放音频或视频最简单的方法就是用MediaElement控件来实现，该对象可播放多种类型的音频文件和视频文件，而且还能控制媒体的播放、暂停、停止以及音量和播放速度等。 若要在WPF中使用音频或视频，必须在计算机上安装Windows Media Player 10或更高版本。 下面的XAML描述了MediaElement控件最基本的用法： ,49,独立模式下MediaElement的用法示例,例10-24 在独立模式下MediaElement的基本用法,50,时钟模式下MediaElement的用法示例,例10-25 时钟模式下MediaElement的基本用法,51,3. SoundPlayerAction类,SoundPlayerAction类专门用于播放.wav类型的音频文件（不能播放其他类型的音频件）。,52,本章习题,1,53,