客户留言
 

公司介绍

 
 
  服务项目  
  特色服务  
 
  产品介绍  
  成功案例  
  公司新闻  
  常见问题  
  企业邮箱  

 


 
 
首页网页制作教程Flash篇简单交互控制的设计


           网页制作教程《简单交互控制的设计》
  Flash交互是使用Action Script(动作脚本)语言来创建的,Action Script涉及到计算机语言和程序设计,有一定的难度和深度,本节只介绍简单的交互控制设计。
  Flash 5可对按钮、影片剪辑(Movie Clip)类型的对象设定动作,也可在帧上加上动作。设定方法是打开对象动作浮动面板,再选取要加上动作的对象,这时面板中就会显示Action Script内容,并可进行编辑。
  按钮组件是交互过程中最基本的元素之一,它可以侦测鼠标的动作,Flash动画是利用它与浏览者保持互动。在编辑按钮时可以看到它由向上(Up)、经过(Over)、向下(Down)、执行(Hit)四个关键帧组成,它们分别表示:向上(Up)帧呈现的是按钮的一般状态,也就是鼠标指针没有在按钮上的外貌;经过(Over)帧为鼠标移到按钮时,按钮所呈现的外形;向下(Down)帧为单击鼠标时,按钮所呈现的状态;执行(Hit)帧用来设定鼠标的感应区域,当鼠标在感应区域时按钮才会进入经过(Over)状态,在感应区域单击按钮时,按钮才会进入向下(Down)状态。
  Flash共享图库中有很多按钮组件,可以直接使用,也可以稍加改造再利用,当然也可以自己动手制作。创建按钮组件的方法是插入菜单中选择新建组件,再在跳出组件属性对话框中输入名称,并将类型改为按钮,按确定即可进入按钮编辑状态进行按钮各帧的编辑。
  按钮组件拖入舞台,呈现的只是按钮自身的状态,相关联的动作就需要Action Script来定义,Action Script常用的基本动作命令有转到(goAndPlay)、播放(play)、停止(stop)、按下鼠标松开(on (release))等,在下面的操作练习中可以看到这些命令的使用。

操作实践八:制作按钮,模拟琴键
1.打开Flash5,将舞台背景改为黑色;
2.打开菜单中插入→新建组件,在弹出对话框中将类型选为按钮,按确定进入按钮制作;
3.在按钮向上帧中央画一个灰色狭长方形矩形,然后右键单击执行帧,选下拉菜单中插入帧,按钮阴影层制作完毕;
4.添加一个新图层,参照阴影在该层向上帧画一个黑框白底比阴影稍长的长方形,移到合适的位置,呈现按钮未按下的状态;
5.右键单击经过帧,选下拉菜单中插入关键帧,再调整图形的位置,使此帧呈现按钮按下的状态,再右键单击执行帧,选下拉菜单中插入帧,按钮制作完毕;
6.回到场景1,将刚制作的组件重复拖入舞台,整齐地排好,形成音乐键盘形状,测试影片,将鼠标移到按钮上即可看到效果。
操作实践九:用按钮控制动画的播放
1.将教师机中文件control复制到自己的盘中,找到该文件,双击打开;
2. 在控制层第1帧右键单击,选下拉菜单中动作,在出现的面板中,双击基本动作中停止,可以看到右边框中stop()命令,表明播放到此帧时停止;
3.执行菜单中窗口→共享图库→Buttons, 打开按钮共享图库,选一个合适的按钮,拖入舞台右下角,然后在对象动作面板中双击基本动作中播放,可以看到on(release)、paly命令行,意思为按下鼠标并松开就接着播放;
4. 再在控制层第1帧右键单击,选下拉菜单中复制帧,然后分别在第30、50、70帧动右键单击,选下拉菜单中粘贴帧,复制出与第1 帧完全相同的帧。第70帧按钮的动作也可以改为gotoAndPlay(1),即转到第一帧并播放
5.测试影片,按下按钮可以看到交互控制效果。


关于我们 客户服务 友情连接 网站地图 人才招聘 代理合作

北京仁思网络科技发展有限公司
电话:68419711/13810679061
地址:北京市海淀区紫竹桥昌运宫17号310室