flash基础教程第十章

《flash基础教程第十章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、学习目标第10讲应用组件掌握用户接口组件的使用方法。掌握使用用户接口组件制作测试小软件的方法。掌握媒体控制组件和用户接口组件配合制作视频播放器的方法。掌握媒体控制组件和用户接口组件配合制作路径设置播放器。10.1认识用户接口组件10.2认识媒体播放器组件10.3课后作业本章大纲10.1认识用户接口组件10.1.1知识点讲解用户接口组件是Flash8组件中的重要组成部分，多用于网站开发中的表单制作和应用程序开发，例如，信息注册系统、电子购物系统等。一、手动创建组件。（1）利用【窗口】/【组件】菜单命令，打开【组件】面板，展开【U

2、serInterface】选项，如图10-1所示，一共有22个用户接口组件。（2）组件的创建方法十分简单，只需将一个组件从【组件】窗口中拖入到舞台中，即可创建成功,如图10-2所示。图10-1用户接口组件图10-2部分组件展示二、手动修改组件参数修改组件参数的一般方法是：首先单击选中舞台上的组件，然后在【参数】面板中进行参数设置或修改，图10-3所示为按钮组件的参数面板。图10-3按钮的参数面板三、代码创建组件及修改组件参数创建组件和修改组件参数的方法除了手动操作外，还可以通过代码来实现。10.1.2范例解析（一）──创建“D

3、ateChooser”组件练习一、请同学们在老师的带领下使用手动和代码两种方式创建组件，并按要求完成以下操作。1、手动创建并修改组件。（1）新建一个Flash文档，文档属性保持默认参数。（2）将“DateChooser”组件拖入到舞台中，测试播放影片，得到如图10-4所示的精美日历效果，并且可以对日期和月份进行选择操作，一个“DateChooser”组件就手动创建成功了。（3）选中舞台上的“DateChooser”组件，打开【参数】面板，如图10-5所示。图10-4创建“DateChooser”组件图10-5参数面板“Date

4、Chooser”组件的参数介绍。“dayNames”：设置一星期中各天的名称。“disabledDays”：指示一星期中禁用的各天，最多具有7个值。“firstDayOfWeek”：指示一星期中的哪一天显示在日期选择器的第一列中，此属性更改"日"列的显示顺序。“monthNames”：设置在日历的标题行中显示的月份名称。“showToday”：指示是否要加亮显示今天的日期。（4）双击“dayNames”选项，打开如图10-6所示的【值】对话框，将其值修改成如图10-7所示的效果，这时舞台上的“DateChooser”

5、组件显示如图10-8所示。图10-6【值】对话框图10-7修改参数图10-8“DateChooser”组件（5）修改后“DateChooser”组件的星期显示变为中文，将其宽高修改为“400px×300px”，效果如图10-9所示。图10-9星期信息显示为中文2、代码创建组件。（1）从【组件】面板中将“DateChooser”组件拖入【库】面板中，如图10-10所示。（2）选中默认“图层1”上的第1帧输入以下代码。createClassObject(mx.controls.DateChooser,“my_dc”,1)。使用代码

6、创建组件首先需将要创建的组件拖入【库】面板中，再使用代码来创建组件和设置参数。用法：createClassObject(className,instanceName,depth,initObject)意义：在运行时创建组件的一个实例。参数：className：一个对象，指示新实例的类。instanceName：一个字符串，指示新实例的实例名称。depth：一个数字，指示新实例的深度。initObject：一个对象，它包含新实例的初始化属性。（3）测试播放影片，一个“DateChooser”组件就创建成功了，如图10-11所

7、示。图10-10组件拖入【库】面板图10-11创建“DateChooser”组件（4）观察发现，此时的“DateChooser”组件的位置和大小、显示都未满足要求，需再输入代码进行参数设置。（5）保存测试影片，效果如图10-12所示，通过对比可以发现手动设置和代码设置能达到同样的效果。图10-12设置效果10.1.3范例解析（二）──制作“账务结算系统”账务结算是日常生活中十分常见的工作，随着账务结算的日益繁杂，出现了账务结算系统。本案例将带领读者使用Flash组件制作一个简单的账务结算系统，其制作思路及效果如图10-13所示

8、。图10-13制作思路及效果打开制作模板放入组件修改组件参数最终效果2最终效果输入代码1、布置舞台。（1）打开教学资源中的“素材第10讲账务计算系统制作模板.fla”文件，如图10-14所示。（2）将“Label”、“TextInput”、“RadioButton”、“