5.2应用动态文本(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元五 文本的应用 学习目标 03 03 掌握一些特效文字的制作方法。 01 01 熟练掌握文本属性的设置方法和文本的编辑方法。 02 02 熟练掌握输入文本、静态文本和动态文本的添加方法。 任务2 应用动态文本 1.动态文本的属性面板 动态文本即在动画的运行过程中不断显示变化的内容,如显示日期和时间,显示实验数据统计的结果。还可以根据鼠标指针的位置,动态显示相关的内容等等,熟练掌握并运用此功能,可以让动画作品更加灵活。动态文本的属性面板如图5-15所示。 (1)实例名称:给文本字段实例命名,以便于在动作脚本中引用该实例。 (2)多行显示模式:当文本框的文本多于一行时,可使用单行、多行和多行不换行的方式进行显示。 (3)在文本周围显示边框:显示文本框的边框和背景。 图5-15 动态文本的属性面板 任务2 应用动态文本 2.动态文本与变量 在Flash中,变量是用来存储信息的容器,变量的值就是容器中所存储的信息,并且该容器中的信息是随时可以改变的。 动态文本实际上是在舞台中显示一个变量的值,在播放过程中,该变量的值发生改变,则舞台上相应的文本也会随之改变,从而实现动态文本效果。 使用 ActionScript2.0的时候要在“属性”面板设置变量名,然后在其他地方给该变量赋值;使用 ActionScript3.0后就简单了,不用设置变量,给动态文本框取实例名,如“show”,读写值都是用“show.text”即可。 任务2 应用动态文本 2.动态文本与变量 例如,单击“文本工具”,打开其属性面板,设置文本属性为动态文本、隶书、红色、40磅、可读性消除锯齿,单击“在文本周围显示边框”按钮,在舞台中绘制一个矩形动态文本框,然后实例名为“a”,如图5-16所示。 图5-16 设置动态文本的变量 任务2 应用动态文本 2.动态文本与变量 选中时间轴第1帧,按F9键(或右击时间轴上的第1帧,在弹出的快捷菜单中选择“动作”命令),打开动作面板,输入“a.text="hello! 您好"”(注意:符号要在英文输入状态下输入),设置变量a的文本属性,如图5-17所示。 按组合键 Ctrl+Enter测试影片,观看界面出现的动态文本的显示效果如图5-18所示。 图5-17 设置变量a的文本属性 图5-18 动态文本测试效果 案例5-4 制作数字时钟 该案例是动态显示当前时间的动画,动态文本框内的数字随着当前时间,时、分、秒数的不断变化而变化。效果如图5-19所示。 图5-19 数字时钟动态显示时间 案例描述 案例5-4 制作数字时钟 (1)添加动态文本。 ①新建一个Flash文档,单击工具箱中的“文本工具”,在舞台中输入文字“现在时间”,在“属性”面板中设置文本类型为“静态文本”,字体为“黑体”,颜色为黑色,文字大小为30。 ②保持“文本工具”的选中状态,在文字“现在时间”的右侧单击,新建一个文本框,用于显示小时数;在“属性”面板中设置文本类型为“动态文本”,字体为 Arial,文字大小为30,颜色为蓝色,单击“在文本周围显示边框”按钮,在“实例名称”文本框中输入“H”,拖动文本框右下角的控制柄,使文本框的宽度能够显示两个字符,属性设置如图5-20所示。 制作步骤 图5-20 “小时”框属性设置 案例5-4 制作数字时钟 (1)添加动态文本。 ③单击“属性”面板上的“消除锯齿”列表框,选择“使用设备字体”,执行菜单命令“文本”→“字体嵌入”,添加所需字体。 ④在动态文本框的右侧新建一个文本框,输入文本“:”;在“属性”面板中设置文本类型为“静态文本”。 ⑤在字符“:”的右侧新建一个文本框,用于显示分钟数;设置文本类型为“动态文本”,字体为 Arial,文字大小为30,颜色为蓝色,单击“在文本周围显示边框”按钮,在“实例名称”文本框中输入“M”;拖动文本框右下角的控制柄,使文本框的宽度能显示两个字符,属性设置如图5-21所示。 制作步骤 图5-21 “分钟”框属性设置 案例5-4 制作数字时钟 (1)添加动态文本。 ⑥重复步骤④的操作,在动态文本框的右侧新建一个文本框,输入文本“:”;在“属性”面板中设置文本类型为“静态文本”。 ⑦在字符“:”的右侧新建一个文本框,用于显示秒数;设置文本类型为“动态文本”,字体为 Arial,文字大小为30,颜色为蓝色,单击“在文本周围显示边框”按钮,在“实例名称”文本框中输入“S”;拖动文本框右下角的控制柄,使文本框的宽度能显示两个字符,属性设置如图5-22所示。 ⑧单击工具箱中的“选择工具”,依次选取各个文本框,调整它们的位置。 制作步骤 图5-22 “秒数”框属性设置 案例5-4 制作数字时钟 (2)添加动作语句。 ①双击“图层1”的名称,重命名为“数字时钟”。 ②右击第1帧,在弹出的快捷菜单中选择“动作”