多媒体课件制作 Flash入门

FLASH制作的多媒体课件的特点 出色的动画制作功能 作品短小精悍 画面质量很高 良好的兼容性 可以制作交互性课件

FLASH的两种文件格式 Flash有两种文件格式，是以.fla和.swf为后缀的文件： Fla文件是通常所说的程序源文件，可以由Flash软件打开、编辑、修改和保存。 SWF文件是由.fla文件在Flash中编辑完成后输出的成品动画文件，也就是我们通常在网络上看见的Flash动画，SWF文件要由Flash Player插件或Flash播放器来播放。.swf文件是不能再被编辑和修改。

Flash作品欣赏 播放FLASH作品的条件： 播放Flash必须要有播放引擎，它主要有两种：一种是单独的播放器Flash Player，在安装Flash软件时，它会随同安装，另一种是作为浏览器的插件，这是Netscape的叫法，在IE中称为ActiveX控件。

标题栏 Flash MX的工作环境 菜单条 时间轴面板 标准工具栏 常用面板 绘图工具箱 工作区 属性面板

舞台（Stage） 舞台（Stage）是绘制图形和编辑图形、图像的矩形区域，也是创建电影动画的区域。 舞台中有一个白色的矩形区域，它是舞台的工作区，只有在舞台工作区内的对象才能够作为电影输出和打印。

舞台（电影）的相关设置 单击Modify(修改)—Movie(电影)菜单命令，调出Movie Properties（电影属性）的对话框。 帧频(Frame Rate)：影片的播放速率，即每秒要显示的帧的数目。对于网上播放的动画，8fps至12fps就够了 尺寸（ Dimensions）：在宽度和高度框中输入尺寸大小，缺省尺寸550×400pix。最小：18×18pix；最大：2880×2880pix 匹配：单击“打印机”按钮，实影片尺寸与打印机的打印范围完全吻合。单击“内容”按钮，会使影片内物体大小与屏幕完全吻合 Ruler Units（标尺单位）:可用来选择舞台上边与左边标尺的单位，可以选择英寸，像素，厘米和毫米等。 单击Background（背景）图标按钮，弹出颜色面板，单击颜色面板中的一种色块，即可选定舞台工作区的背景颜色。

与动画有关的几个Flash概念 关键帧、空白关键帧、普通帧、过渡帧 图层是一张相对透明的纸。每个演员放在各自独立的图层中。 场景(Scene):在Flash电影中，舞台只有一个，但可以有多个不同的场景。使用场景是为了按主题组织动画。每个场景都有名称，在舞台的左上角给出了当前场景的名称。 符号(Symbol)：符号是指一个可以重复利用的物件。在动画中运用符号可以显著地减小文件的尺寸。 实例(Instance)：是指符号在舞台工作区的应用。当将库中的符号拖到工作区后，就生成了一个该符号的实例。 帧(Frame)： Flash动画是由一系列的帧所组成的。帧是动画的基本元素。 关键帧、空白关键帧、普通帧、过渡帧 图层(Layer)：所谓图层，就相当于舞台中演员所处的前后位置。 图层是一张相对透明的纸。每个演员放在各自独立的图层中。

时间线（Timeline） 时间线是Flash进行动画创作和编辑的主要工具，它一般位于舞台与常用工具栏之间。时间线好像导演的剧本，它决定了各个场景的切换以及演员出场、表演的时间顺序。 Flash把动画按时间顺序分解成帧，在舞台中直接绘制的图形画面，或者从外部导入的图像，均可形成单独的帧，再把各个单独的帧图像画面连在一起，形成动画。

时间线面板 场景名称 播放头 每一格代表一帧 图层管理 洋葱皮按钮

第一次亲密接触 运动的小球 初识Flash

总结： 时间轴、帧、图层的基本操作 初步认识元件 简单动画的创建

总结：制作Flash的一般规律 明确并理解图层、帧、场景、元件、时间轴等基本概念 不同的对象放在不同的层里 每一步骤要明确当前操作的位置及对象，即在哪个场景的哪个图层的哪个帧的哪个对象 动画制作的一般步骤 设置好头关键帧 设置好尾关键帧 在普通帧上创建动画

创建舞台对象 矢量图形可以看成是由线条和填充物（主要是填充色）组成的，填充一般只可以对封闭的图形进行。这种封闭图形由两部分组成，一时它的轮廓线条（也叫外框线条），二是其内的填充物。矢量图形的着色有两种，一是对线条的着色，二是对封闭图形内部的填充色着色。 线型和线条颜色的设置 填充物的设置 绘制线条和轮廓线 绘制有填充物的图形 输入文本 导入和处理点阵图 导入声音和声音属性设置

基本绘图技巧 绘制线条 绘制圆与椭圆 绘制矩形、圆角矩形、平行四边形 设置颜色 如何画45°的斜直线？ 如何画多边形？ 如何画五角星？ 颜料桶工具、墨水瓶工具和滴管工具的区别？

刷子工具 标准绘画：可以覆盖舞台中的矢量线和矢量图形，但不会影响文字、元件实例和引入的位图 颜料填充：可以为有矢量色块填充的区域和未填充的区域着色，而不会影响矢量线。 后面绘画：着色不影响舞台中的任何图形，只是在其背后穿过。 颜料选择：对选择的矢量色块区域进行填充，而不会影响矢量线和未填充区域。 内部绘画：当刷子的起始位置处于未填充区域，在经过矢量图形时，从其背后穿过；当刷子的起始位置位于矢量色块内部时，只能在矢量线内着色。

擦除工具 标准擦除：可以擦除舞台中所有矢量线和矢量色块以及位图内容，不能擦除文字和元件实例 擦除填色：可以擦除舞台中矢量色块，而不影响矢量线。 擦除线条：可以擦除舞台中的矢量线，而不影响矢量色块 擦除所有填充：可以擦除舞台中处于选择状态的矢量色块，而不影响矢量线。 内部擦除：可以擦除舞台中处于橡皮擦内的矢量色块，而不擦除矢量线。 水龙头擦除模式：当这个按钮按下后，橡皮擦工具可以一次性地擦除鼠标单击的矢量色块

二、图形的编辑与修改 箭头工具调整线条或形状 套索工具，部分选取工具 任意变形工具和填充变形工具 伸直或曲化线条，曲线优化 对齐与重叠 实现变形旋转的方法有哪几种？ 伸直或曲化线条，曲线优化 对齐与重叠

三、绘图实例操作 例1：笑脸 例2：红心 例3：梅花图案

点阵图与矢量图 点阵图是由不同颜色的点组成的，这些点称为象素。显示屏由许多象素显示点组成，清晰度越高，像素显示点也越多。 对于32bit真彩色，每个象素显示点可以显示232种彩色。 在缩放一个点阵图时，改变的是象素，图像的分辨率会下降，造成图像的显示质量下降。 在比点阵图本身分辨率低的输出设备上显示图象时，也会造成图像的显示质量下降，即不具有独立的分辨率。通常，点阵图具有色彩丰富的特点。 矢量图形使用包含颜色和位置属性的直线或曲线公式来描述图像的。 对于矢量图形来说，图形的颜色取决于图形的轮廓曲线的颜色和轮廓曲线所封闭的区域的颜色，与轮廓线内单独的点无关。 矢量图形在处理后，不会改变图形的显示质量。 矢量图形具有独立的分辨率，即在不降低图形质量的前提下，它可在具有不同分辨率的输出设备中显示。 矢量图形的大小与图形的尺寸无关，与图形的复杂程度有关。

符号与实例 ——符号的类别 图形符号 ：它可以是矢量图形，图像，声音或动画，它通常用来制作电影中的静态图形。它不具有交互性，声音符号是图形符号中的一种特殊符号，它有自己的图标。 电影片段符号 ：它是主电影中一段电影片段，用来制作独立于主电影时间线的动画。它可以包括交互型控制、声音、甚至其它电影片段的实例。也可以把电影片段的实例放在按钮的时间线中，从而实现动画按钮。有时为了实现交互性，图像也会转换为电影片段。 按钮符号 ：它可以在电影中创建交互按钮，对事件（例如鼠标单击）产生动作响应。在Flash5中，首先要为按钮设计不同状态的外观，然后为按钮的实例分配动作。

符号与实例 实例是指位于舞台上或嵌套在另一个符号内的元件副本。 实例可以与它的符号在颜色、大小和功能上有差别。 例1：雨水 符号是指Flash中创建的图形、按钮或影片剪辑，它们可以自始至终在当前影片或其他影片中重复使用。 实例是指位于舞台上或嵌套在另一个符号内的元件副本。 实例可以与它的符号在颜色、大小和功能上有差别。 例1：雨水

制作雨水的思路 新建图形元件，在舞台中绘制水滴图形。 新建影片剪辑元件lip，第一帧绘制一个白色边框，没有填充内容的圆，第5帧插入关键帧，将圆的颜色改为深蓝色，同时变大一些。选中1-5中的任意一帧，在属性面板的“Tween”中选择“shape”（形变） 新建影片剪辑元件lipmotion，第一帧把库中的lip元件拖动到舞台中，第5帧插入关键帧，将lip元件的透明值改为5%。选中1-5中的任意一帧，创建运动动画。 新建影片剪辑元件lipper，第一帧把库中的lipmotion元件拖动到舞台中，在第５帧插入普通帧。新建一层，将第２帧设置为关键帧，把库中的lipmotion元件拖动到舞台中，在第６帧插入普通帧。继续新建一层，将第３帧设置为关键帧，把库中的lipmotion元件拖动到舞台中，在第７帧插入普通帧。——这样就实现了三个涟漪效果。 新建影片剪辑元件rain，把水滴图形元件拖到舞台中，第10帧插入关键帧，调整水滴的位置，创建从上往下运动的效果。新建一层，第10帧插入关键帧，把影片剪辑元件lipper拖到舞台中，注意位置放在水滴处。按F5把影片延长到第15帧。 回到场景中，在图层1的第1帧中拖入2-3个剪辑元件rain，按F5把影片延长到第15帧。 新建一层，将第4帧设置为关键帧，在第4帧中拖入2-3个剪辑元件rain，按F5把影片延长到第18帧。 同样操作，不同层中，不同帧开始，拖入若干个剪辑元件rain，并把影片延长。 测试效果。

编辑符号 方法一：在舞台工作区内，将鼠标指针移到要编辑的符号实例处，单击鼠标右键，弹出其快捷菜单，然后单击该菜单内的Edit命令，即可进入符号白你模式，在一个新的工作区中编辑符号。这个工作区内只有要编辑的符号图形、文字或图像。 方法二：双击库面板中的一个符号，即可进入符号编辑模式。 方法三：选中要编辑的符号实例，单击鼠标右键，在弹出的快捷菜单内选择Edit In Place命令。此时，只有鼠标右击的实例所对应的符号可以编辑。其他对象仍在原舞台工作区中，以供参考。同时，它们都变成了灰色，不可编辑。双击舞台工作区的空白处，即可退出编辑状态。 方法四：选中要编辑的符号实例，单击鼠标右键，在弹出的快捷菜单内选择Edit In New Window命令，可打开一个新的工作区进行符号的编辑。

编辑实例——改变实例亮度和透明度等属性 将鼠标指针移到实例处，单击鼠标右键，在其快捷菜单中选择Panels，调出编辑实例的菜单，单击其中的Instance命令（或者单击舞台右下角的快捷菜单中的Instance，或者Window——Panels——Instance），可调出Instance面板。利用它可以更换实例的符号、改变实例的播放模式，改变实例的类型，将实例复制为符号和编辑符号等。 单击Effect，调出Effect面板，利用它可以编辑修改实例的亮度、颜色、透明度等。该面板在创建动画时常用。该面板下拉列表框有5个选项，选择不同选项时，其面板的内容和功能也不一样。

在课件中加入文字 文字特效 例：文字阴影 关键点：Ctrl+Shift+V 例：描边字效果 关键点：打散，绘制文字的边框线 讨论：打散过后的文字与打散前的文字有什么区别？ 图层上的眼睛和锁起什么作用？ 例4：彩色文字 思考：跳动文字，波浪文字，旋转文字

在课件中插入图片 导入单张图片 导入系列图片 位图矢量化 插入GIF文件 例5：走动的大象 例6：懂礼貌的小女孩

图层——概念 我们可把图层看成是相互堆叠在一起的透明纸 利用图层可以有效组织和安排影片中的文字、图像和动画。 所能够增加的图层数量取决于计算机内存的大小 图层用于在空间上组织动画，帧用于在时间上组织动画。 图层中有两种特殊的图层：一个是导向图层(Guide Layer)，一个是遮罩图层（Mask Layer）。

图层——操作 创建新图层 选择图层 显示与隐藏图层 以轮廓线方式显示与隐藏图层中对象的外框 锁定/解锁图层 删除图层 复制图层 给图层重命名 改变图层顺序 设定图层的属性

图层——导向图层 普通导向图层 只起到辅助绘图和绘图定位的作用 运动导向图层 导向图层可以引导与它相关联图层中对象的运动轨迹或定位。 可以起到设置运动路径的导向作用 必须指定是哪个图层对象的运动路径 一个导向图层可以与多个普通图层关联 将导向图层转换为普通图层 导向图层可以引导与它相关联图层中对象的运动轨迹或定位。 用户可以在导向图层内创建网格、图形或其他对象，这可以在绘制图形时起到辅助作用，以及起到运动路径的导向作用。 可以把多个普通图层关联到一个导向图层上。 导向图层只能在舞台工作区内看到，在输出的电影中是不会出现的。

图层——遮罩图层 透过遮罩图层的图形可以看到其下面图层的内容，透过遮罩图层内的无图形处看不到下面图层的内容 在遮罩图层上绘制的图形或输入的文字，相当于在遮罩图层上挖掉了相应形状的洞，形成挖空区域。 通过挖空区域，下面图层的内容就可以被显示出来，而没有绘制图形与输入文字的地方成了遮挡物，把下面图层的其余内容遮挡起来。 创建遮罩图层 建立与取消普通图层与遮罩图层的关联 时间线的快捷菜单 图层快捷菜单 帧快捷菜单

场景 增加场景，切换场景View——Goto 建立新窗口Window——New Window 层叠多个窗口Window——Cascade 平铺多个窗口Window——Tile Scene（场景）面板的使用：显示、新建、复制、删除场景，以及给场景更名和改变场景的顺序

Flash动画的种类 “帧——帧”动画 ：制作好每一帧画面，每一帧的内容可以相同或不同，然后连续依次播放这些画面，即可生成动画效果。 过渡动画又分为运动过渡动画和变形过渡动画两种。

不同种类帧的表示方法 关键帧单元格：单元格内有一个实心的圆圈。关键帧的内容可以进行编辑。 普通帧单元格：在关键帧单元格后面的浅灰色背景单元格表示是普通帧单元格，它的内容与左边的关键帧单元格的内容一样。 空白的关键帧单元格：该单元格内是空的，两边有黑色的垂直线，表示是一个空的关键帧单元格。空白关键帧内可以插入对象，形成关键帧。 动作单元格：该单元格本身也是一个关键帧，其中有一个字母“a”，表示在这一帧中分配了动作（Action）。当电影播放到这一帧时会执行相应的动作。 过渡帧单元格：它是两个关键帧之间的单元格，由Flash5计算生成的帧，不能对过渡帧进行编辑。

不同种类动画的表示方法 运动过渡动画：在关键帧之间有一条水平指向右边的黑色箭头，单元格为浅蓝色背景。 变形过渡动画：在关键帧之间有一条水平指向右边的黑色箭头，单元格为浅绿色背景。 虚线：表示在创建过渡动画过程中存在错误，无法正确完成过渡动画的制作。

运动过渡动画 运动过渡动画的创建方法 单击选中时间线中的一个空帧，在舞台工作区创建一个对象或从库面板中把一个符号拖曳到舞台工作区中。 单击选中时间线中的动画终止帧，按F6键，创建一个关键帧。 按住Shift键，单击起始关键帧，选中两个关键帧及它们之间的所有灰色单元格。 单击Insert（插入）——Create Motion Tween（创建两者间的运动过渡动画），即建立了两个关键帧之间的过渡动画。这时，时间线中两个关键帧之间会产生一个指向右边的水平箭头线，表示动画生成成功。 然后，可调整动画起始帧和终止帧中对象的位置、大小、旋转角度、颜色、透明度等。如果要使对象不只是沿一条直线移动，可增加多个关键帧，并调整关键帧中对象的位置等。 在Flash中可以创建出丰富多彩的运动过渡动画效果，可以使一个对象在画面中移动、改变其大小、形状、使其旋转、改变对象的颜色，产生淡入淡出效果，动态切换画面等。各种变化可以独立进行，也可以合成复杂的动画。 实例、图形、图像、文本和群组可以产生运动过渡动画

沿指定路径移动的运动过渡动画 按照上述方法建立沿直线移动的运动过渡动画 单击选中直线移动的层Layer1，然后点击增加导向图层按钮，在Layer1上边增加一个导向图层，同时，Layer1成为与导向图层相关联的被导向图层。 使Layer1图层隐藏，单击选中导向图层，在舞台工作区内绘制路径曲线。 单击Window—Panels—Frame菜单命令，调出Frame对话框。选择该对话框内Tweening下拉列表框内的Motion选项。 使Layer1层恢复显示，单击选中Layer1第一帧，将对象移到路经的起始处，使对象的中心十字线标记与路径起始点重合。再单击Layer1动画的最后一帧，将对象移到路径的终点处，使对象的中心十字线标记与路径终点重合。

变形过渡动画 创建变形过渡动画 变形过渡动画就是由一种对象逐渐变为另一种对象。 单击选中在时间线窗口内的一个图层名称，使它成为当前层，然后单击选中一个空白的关键帧作为动画的开始帧。 在舞台工作区内创建一个符合要求的对象，作为变形过渡的初始对象。 再设置变形的终止帧，并设置终止帧为关键帧。然后，在舞台工作区内删掉初始对象，创建一个符合要求的对象，作为变形过渡的终止对象。 单击选中变形动画图层。再单击Window——Panels——Frame，调出Frame对话框。选中该对话框内Tweening下拉列表框内的Shape选项 利用Easing文本框设置动画的加速度。 在Frame对话框内的“Blend”下拉列表框内选择合适的选项 变形过渡动画就是由一种对象逐渐变为另一种对象。 Flash5可以将图形、打碎的文字和由点阵图转换的矢量图形进行变形。 Modify—Break Apart可以将文字打碎

几个动画例子 文字的形变 淡入淡出 旋转残影字效 文字间行驶的汽车 滚动字幕 图像切换 激光文字

影片的控制 选中按钮，添加语句 多个场景 也可以选中目标帧，在属性面板中将帧的标签（Frame Label）命名，比如“ｒｅｄ” 然后 通过按钮进行场景之间的跳转： 选中按钮，添加如下语句： on (release) { gotoAndPlay("场景 2", 1); } 场景名字 帧数 选中按钮，添加如下语句： on (release) { gotoAndPlay(“red"); } 此处不需要指明是那个场景了，只要保证帧标签名字是唯一的就可以了。

文字的形变 1、 新建一个文件，在Modify—Movie命令中设置动画尺寸为200*200象素，颜色选择淡蓝色； 2、  选中第1帧，选择工具箱中的文本工具，在工作区内写字母A，选中字母，在Text菜单下选择合适的字体和大小； 3、  在颜色面板的油漆桶右边的颜色中选择红色； 4、  单击选中第10帧，单击右键，在弹出的菜单中选择“Insert KeyFrame”（可以直接按F6）；然后选中字母A，改成B； 5、  在颜色面板的油漆桶右边的颜色中选择黄色； 6、  重复4-5步骤，分别将第20、30、40、50帧设置为关键帧，并分别将字母改成C、D、E、F，并分别设置不同的颜色； 7、  单击第1帧，选中字母A，选择Modify—Break Apart命令，将字母打散； 8、  重复步骤7，分别将字母BCDEF打散； 9、  将鼠标移到第1帧和第10帧中间，变成手形，单击左键，将第1到第10帧全部选中 10、 选择Window---Panels---Frame，弹出Frame面板，在Tweening选项中选择“Shape”； 11、 重复步骤9-10，设置其他几个动画段； 12、运行可以看到字母的形状、颜色变换。

淡入淡出 1、 新建一个文件，使用默认大小； 2、将Layer1名字改为“墙”，并在工作区中绘制一堵墙；同时锁定这一层； 1、  新建一个文件，使用默认大小； 2、将Layer1名字改为“墙”，并在工作区中绘制一堵墙；同时锁定这一层； 3、点击Insert—New Symbol，名字改为“小狗”，选择Movie Clip，进入符号工作区间； 4、点击File—Import，导入小狗动画； 5、点击Scene，返回主场景； 6、新建一层，将名字改为“狗”，选择Window—Library，打开库文件，从库中选择小狗符号拖到工作区中； 7、如果小狗的行进方向和我们所需要的方向相反，则可以选中小狗，然后在Modify—Transform中选择Flip Horizontal，进行水平翻转； 8、将第30帧设置为关键帧，把小狗动画拖动到墙边；创建动画； 9、 将第40帧设置为关键帧，把小狗动画拖动到墙内；选中小狗，在Effect面板内的下拉菜单中选择Alpha，并将Alpha的值设置为0，创建动画； 10、 将第55帧设置为关键帧，对小狗不做任何操作； 11、 将第80帧设置为关键帧，把小狗动画拖动到画面边上；并把小狗的Alpha值设置为100；创建动画。 12、演示可以看到效果，小狗跑到墙边就隐入墙中，过一会从墙的另一边慢慢出现了。

文字间行驶的汽车 1、新建一个文件，在Modify—Movie命令中设置动画尺寸为500*170象素，颜色选择淡黄色； 2、将Layer1名字改为“汽车”，导入汽车图片，并将图片放到右侧； 3、将第30帧设置为关键帧，把汽车图片放到工作区中间，充满整个画面； 4、新建一层，名字为“文字”，选中第一帧，写上“奔驰跑车”四个字，将这几个字设置为隶书，120号，粗体； 5、选中“文字”层，单击右键，在弹出的菜单中选择”Mask”选项 6、演示可以看到效果，汽车在字中间穿梭。

滚动字幕 1、 新建一个文件，使用默认属性； 2、 在layer1中导入一幅图片作为底图； 1、  新建一个文件，使用默认属性； 2、  在layer1中导入一幅图片作为底图； 3、  在Layer1上边添加一个层layer2，名字改为“文字”； 4、  选择工具箱中的文本工具，在layer2的第一帧内单击，将在word中拷贝的内容粘贴过来，将文本该程固定列宽格式； 5、  单击文字层的第一帧，将文本拖动到图片下方，确定运动的起始点，然后将第60帧设置为关键帧，将文本拖动到图片上方，确定运动的终点；（注意：此时文本较长，拖动时容易偏离，可以通过Info面板上的对象的X、Y坐标精确定位） 6、  创建文字动画；同时在layey1中按F5将帧数增加到60帧； 7、  在文字层上继续创建一个新层，在第一帧中画一个和文本宽度差不多的矩形；设置为Mask层； 8、演示可以看到效果。

图像切换 1、  新建一个文件，使用默认属性； 2、  在layer1的第一帧中导入一幅图片，选中第19帧，按F5，使第一帧的图片一直延续到19帧； 3、  将第20帧设置为关键帧，导入另外一幅图片，选中第40帧，按F5，使第19帧的图片一直延续到40帧； 4、  在layer1上面增加一层layer2，在第一帧中绘制一个小正圆，按F8将正圆设置为符号，然后将第15帧设置为关键帧，将小正圆放大到整个画面，创建动画； 5、  将第20、35帧设置为关键帧，在第35帧将大圆恢复到小圆，将第40帧设置为关键帧； 6、  选中layer2，单击右键，选中mask选项； 7、观看效果。

彩光文字 1、新建一个文件，在Modify—Movie命令中设置动画尺寸为500*200象素，颜色选择黑色； 2、选中Layer1的第一帧，写上“BJ2008”，在Text命令中设置文字属性； 3、在Layer1上面新建一个层layer2，并把它拖动到layer1下面； 4、在layer2中绘制一个略大于文字的矩形； 5、选中矩形，单击工具箱中的油漆桶工具； 6、在Color区域中单击油漆桶右边的颜色块，在出现的色板中选择直线渐变模式； 7、在Fill面板中单击左边的小油漆桶，然后单击右边的小色块，出现的色板中选择白色；单击右边的小油漆桶，然后单击右边的小色块，出现的色板中选择蓝色； 8、设置好后，用油漆桶工具在矩形内单击，就可以看到矩形填充了设置的蓝白渐变色； 9、  将Layer2的第15、30、45、60帧分别设置为关键帧，然后依次在第15、30、45、60帧中按照第5—7的步骤设置白绿、黄柏、白红、蓝白渐变色模式； 10、 选中Layer2中的1到15帧，在Frame面板中选择Shape变化； 11、  依次选中16—30、31—45、46—60变化段，分别设置为Shape变化； 12、演示可以看到效果。