第8章 组件、模板.ppt

第8章 Flash 的组件、模板 任务20 “网络会员注册”表单 教学目的：掌握Flash常见组件的使用教学难点：CheckBox、list、NumericStepper、RadioButton 等组件的使用制作步骤：1、要制作一个具有组件的“表单”动画，首先要对“表单”进行整体设计，这其中包括“表单”的功能、组成部分、整体布局、美观等诸多方面。本例只是带领大家体会一下一些常用的组件在“表单”动画中的作用及如何对组件属性进行设置，因此淡化了很多其它方面的工作。2、利用工具栏中的文本工具，在舞台上输入提示性的文字。3、执行“窗口组件”命令，打开【组件】面板，将“TextInput”组件拖至“姓名”右侧。4、将“RadioButton”组件拖至“性别”右侧。执行“窗口组件检查器”命令，在打开的【组件检查器】面板中将“RadioButton”组件的“label”属性值改为“男”。5、同上步，再次拖入“RadioButton”组件，“label”属性值改为“女”。6、将“TextInput”组件拖至“密码”右侧。由于密码在输入后，屏幕上应只显示“”，因此需将“TextInput”组件的“displayAsPassword”属性值设置为“true”。7、将“comboBox”组件拖至“职业”右侧，并对其“dataProvider”属性进行设置。8、将“CheckBox”组件拖至“爱好”右侧，并在【组件检查器】面板中将“label”的值改为“游泳”。9、同上步，拖入其它几个复选框组件，并进行设置。10、“出生年代”这里使用了“slider”组件来进行模拟，分为60、70、80、90年代，当然还有60年代以前和90年代之后，因此可以大致划分为6个阶段即6个节点。将“slider”组件拖至舞台，并打开【组件检查器】面板，针对“slider”组件的“maximum”、“minimum”、“snapInterval”、“tickInterval”属性进行设置。以达到“slider”组件有6个节点并且滑块的步长即是两个相邻节点的距离。利用文本工具在“slider”组件上方输入“60”、“70”、“80”、“90”字样，起到提示的作用。11、“留言”处选用“TextArea”组件较为合适。将“TextArea”组件拖至“留言”字样的下方。12、将“Button”组件拖至“表单”下方，并将其“label”值改为“提交”，制作一个“提交”按钮，再制作一个“取消”按钮。任务21 制作“电子相册”教学目的：了解Flash提供的几种模板教学难点：掌握“现代照片幻灯片放映”模板的使用 制作步骤：1、以“现代照片幻灯片放映”模板新建Flash文档。2、此文档的大小及四张图片均为640*480像素，因此要制作的“电子相册”中要展示的图片大小也需要设置为640*480像素。可利用photoshop软件或其它图片编辑软件进行处理，并将图片按顺序编号命名，本例要展示10张图片，分别以“p01.jpg”、“p02.jpg”、“p03.jpg”“p10.jpg”命名。3、“picture layer”图层存放的是展示图片。可将此图层上的帧数拓展至10帧，并将4张图片改为需展示的10张图片，但这种方法会略显繁琐，按照如下步骤制作会较为简捷。4、在“picture layer”图层上建立一个新的图层，并命名为“mypicture”。5、选中“mypicture”图层的第1帧，执行“文件导入导入至舞台”命令。这里我们打开预先存放10张图片的“图片素材”文件夹，并选择“p01.jpg”文件。6、点击“打开”按钮。由于预先处理的10张图是按照顺序编号命名，因此Flash会提醒我们是否按照图像序列进行导入。7、点击“是”按钮，将这10张图片按照名称顺序依次导入至“mypicture”图层。8、将“picture layer”图层删除。在时间轴上将其它图层的第10帧处插入帧（将动画由原来的第4帧延长至第10帧）。