Flash制作交互动画.doc

Flash制作交互动画：星座查询器效果演示： 1新建 FLASH 文档，打开属性面板，设置文档宽 400高 250 其它默认。2在时间轴上新建四个图层， 我们将这五个图层自上而下分别命名 “语句” 、 “选择框” 、 “文字” 、 “星座” 、 “背景” 。图13新建一个影片剪辑元件取名为“背景”做一个渐变色的背景，大小为 400250。回到场景，把这个背景剪拖到背景图层的第一帧，在第13帧加一个普通帧。4分别在“文字”“星座”层的第二帧第十三帧插入关键帧，在文字层第一帧输入“请选择你的生日范围”文字，第二第十三帧输入“魔羯座”“水瓶座”“双鱼座”“白羊座”“金牛座”“双子座”“巨蟹座”“狮子座”“处女座”“天秤座”“天蝎座”“射手座” 。在星座图层分别对应上面的星座插入 12 星座图片。5应注意各个星座之间的先后顺序。如果有举趣，还可以为每个星座加上一些说明和趣味性的文字。都完成后将“文字”“星座”层锁定。6选择菜单栏的“窗口开发面板组件”命令，打开 FLASH 的组件面板，将其中User Interface下的 ComboBox 和 Button各拖一个至“选择框”层的第一帧，并用变形工具调整大小。图27用箭头工具选中其中的 ComboBox 组件，打开对齐面板水平中齐。8保持 ComboBox 组件的选中状态，打开“属性”面板，可以看到有属性和参数选项，我们在属性选项的“实例名称”文本框中输入对象名称“xuanze” 。9选中参数选项卡中的 labels 选项，在打开的值对话框中通过加号按钮添加各个选项的显示状态，输入各个星座对应的生日范围。图310 此时可以看见舞台上的 ComboBox 组件发生了变化，测试动画时已经列出了刚才输入的各个值，同时显示五项，其余项可以通过滑动条显示。 11 退出测试动画状态， 选中 ComboBox 组件， 在属性面板的参数选项卡中双击 “data”选项，然后在打开的“值”面板中输入每个 labels 选项在动画内部真正对应的数值，如图所示。图4最终属性面板如下：图512 选中舞台上的 Button 组件，打开属性面板，将 Button 值改为“提交”然后在实例名称中输入“tijiao”做为该组件的名称图613 此时可看到舞台上的 Button组件上的文字显示不是原来的“Button”而变成了“提交” 。在选择框层的第二帧插入一个关键帧，删除舞台上的二个组件，再从“组件”面板中拖一个 Button 至舞台上，同样的方法，将实例名称命名为“fanhui” ，label 选项值改为“返回” ，属性面板如下： 图714 在时间轴选项层的第十三帧按 F5插入帧，使返回 Button组件出现在每一个星座的画面上，然后将该层锁定。15 选中语句层的第一帧，打开动作面板输入如下代码。stop(); /停在第 1 帧等待用户选择 _root.tijiao.onRelease = function() /如果点击并释放“提交”按钮 x = _root.xuanze.getValue(); /将选择框的 data值赋给变量 x _root.gotoAndStop(x+1); /时间轴跳转到第 x+1 帧并停止 ; 16将语句层锁定， “ 选择框”解除锁定。选中第二帧的返回 Button组件，打开动作面板，输入如下语句代码。on(click) /单点击时 _root.gotoAndStop(1); /时间轴回到第 1帧并停止 17 锁定所有图层，时间轴窗口如下图所示。可以看到最上面的语句层中只有一