Flash自学课件 第8章.ppt

《Flash自学课件 第8章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、了解使用用户接口组件进行开发的方法。了解使用媒体播放组件进行开发的方法。了解使用组件开发的整体思路。掌握常用组件的使用方法。本章学习要求项目八组件学习与应用任务一用户接口组件任务二媒体接口组件任务三【突破提高】——制作“视频展播系统”本章大纲任务一用户接口组件（一）【知识准备】——用户接口组件简介1、手动创建组件选择【窗口】/【组件】命令，打开【组件】面板，展开【UserInterface】选项，如图8-1所示，其中一共有22个用户接口组件。将“DateChooser”组件拖动到舞台中，然后测试播放影片

2、，得到如图8-2所示。图8-1用户接口组件图8-2创建DateChooser组件2、手动修改组件参数这里仍然以刚才创建的“DateChooser”为例来进行讲解。选中舞台上的“DateChooser”组件，打开【参数】面板，如图8-3所示。图8-3【参数】面板“DateChooser”组件的参数介绍。“dayNames”：设置一星期中各天的名称。“disabledDays”：指示一星期中禁用的各天。最多具有7个值。“firstDayOfWeek”：指示一星期中的哪一天显示在日期选择器的第一列中。此属性可

3、更改日列的显示顺序。“monthNames”：设置在日历的标题行中显示的月份名称。“showToday”：指示是否要加亮显示今天的日期。双击【dayNames】选项，打开如图8-4所示的【值】对话框，这里将其值修改成如图8-5所示的效果。这时，舞台上的“DateChooser”组件如图8-6所示。图8-4【值】对话框图8-5修改参数后的【值】对话框图8-6“DateChooser”组件修改后“DateChooser”组件的星期显示为中文，并将其宽、高分别修改为“400”px、“300”px，效果如图8-

4、7所示。图8-7星期信息显示为中文3、使用代码创建组件及修改组件参数（1）首先从【组件】面板中将“DateChooser”组件拖入【库】面板中，拖入组件后的【库】面板状态如图8-8所示。使用代码创建组件首先需要将要创建的组件拖入【库】面板中，再使用代码来创建组件和设置其参数。（2）选中默认图层1上的第1帧输入代码。（3）测试播放影片，一个“DateChooser”组件就创建成功了，如图8-9所示。图8-8将组件拖入【库】面板中图8-9创建“DateChooser”组件用法：createClassObje

5、ct(className,instanceName,depth,initObject)意义：在运行时创建组件的一个实例。·各参数含义如下。·className：一个对象，指示新实例的类。·instanceName：一个字符串，指示新实例的实例名称。·depth：一个数字，指示新实例的深度。·initObject：一个对象，它包含新实例的初始化属性。（4）观察发现，此时的“DateChooser”组件的位置、大小和显示都未满足要求，所以再输入以下代码进行参数设置。//设置高度my_dc._height=2

6、50;//设置宽度my_dc._width=550;//设置组件位置my_dc.move(0,50);//设置星期信息显示my_dc.dayNames=newArray(“星期日”,“星期一”,“星期二”,“星期三”,“星期四”,“星期五”,“星期六”);（5）保存并测试影片，效果如图8-10所示，通过对比可以发现手动设置和代码设置能达到同样的效果。图8-10设置效果（二）【典型案例】——制作“信息注册表单”【设计效果】本案例使用一些常用的组件制作一个用户信息注册表单，当用户填写表单完成后，单击【

7、提交】按钮即可在“用户信息核对”窗口中显示用户填写的信息。单击【清空】按钮，则清除用户已经填写的内容。其制作思路及效果如图8-11所示。图8-11制作思路及效果制作背景输入文字放置组件设置组件实例名称输入控制代码最终效果【操作步骤】1、布置舞台。（1）新建一个Flash文档，文档属性使用默认参数。（2）新建图层并重命名图层，设置图层效果，如图8-12所示。（3）选择【文件】/【导入】/【打开外部库】命令，将教学素材中的“素材项目八信息注册表单背景素材.fla”文件打开，，效果如图8-13所示。图8

8、-12新建图层图8-13导入背景图片（4）锁定“背景”图层，利用【文字】工具在“文字”图层上输入“用户信息注册”和“用户信息核对”两段文字。（5）在【属性】面板中设置【字体颜色】为“白色”，【字体大小】为“20”，【字体】为“方正综艺简体”（读者可以设置为自己喜欢的字体或者自行购买外部字体库），如图8-14所示。图8-14设置文字（6）为了设计美观，分别将两段文字放置在如图8-15所示的位置。2、创建组件。（1）拖动7个“Label”组件到