快速业务通道

Flash AS实例:奇妙的滑动菜单

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-15
rary中拖拽“隐藏按钮”元件到这一帧,并设置居中对齐。再新建一层layer3,在第15帧新建关键帧,从library中拖拽“back”元件到这一帧,将其放置在“色块”元件的左上角。   在library中双击“框”元件,对其进行编辑,从library中拖拽“弹出”元件到layer 1, windows-panels-instance在弹出的instance面板上将其name属性设置为cc。在info面板上设置其宽为84.2,高为23.6,设置居中对齐。在library中双击“弹出”元件,对其进行编辑,鼠标拖拽layer1上的第一帧到第15帧,鼠标右键单击第20帧,在弹出的菜单中选择insert keyframe新建关键帧。鼠标单击第15帧,windows-panels-effect打开effect面板在下拉菜单中选择alpha,设置alpha=0%。鼠标右键单击从第15帧到第20帧的任意一帧,在弹出的菜单中选择creat motion tween,建立motion动画。鼠标右键单击layer1上第一帧,在弹出的菜单中选择insert keyframe,双击这一帧,在弹出的frame actions面板上输入:stop();(如图8,9)


  新建元件命名为“综合”,从library中拖拽“框”元件到layer1,打开info面板,设置其横坐标为:-84.3,纵坐标为:-23.8。其实就是将其右下角与中心点对齐就可以了,windows-panels-instance在弹出的instance面板上将其name属性设置为aa。再从library中拖拽“按钮1”到layer1,使其正好位于“框”元件的上方。最后将“as”元件拖拽到layer 1,随意放置在任意位置。值得注意的是,我们这次将采用含有as代码的mc 来控制整个影片,而不是象过去一样将as写在每一个mc的关键帧里。(如图10)

  回到scene 1,将“综合”元件拖拽到layer1,windows-panels-instance在弹出的instance面板上将其name属性设置为zh1。用鼠标将其拖拽到左上角。   好了我们已经完成了所有的元件制作,就只差最关键的as编写了,现在大家不妨自己先做一下,那怕是做不出效果,但是只要多动手,就会对自己有好处。自己动手的时候肯定会遇到一些问题,多想想如何解决,这样印象才深刻,对自己大有好处。


  现在我们添加as控制动画的效果,在library中双击“弹出”元件,开始对其进行编辑。我们首先要记得在上一节中,我们将“弹出”元件放置在了框元件中,并且设置其name属性为cc,这对我们理解以下的as有很大的好处。右键选中“弹出”元件中的隐形按钮,在弹出菜单上选择actions,打开actions面板,在其中输入如下as:

on (press) {
  startDrag ("/zh1/aa");
}
//这段as的含义是,当鼠标按下时开始拖动在name 属性为zh1的元件内的name属性为aa的元件。(其实就是“框”元件)

on (release) {
  stopDrag ();
  xx = _root.zh1.aa:_x;
  yy = _root.zh1.aa:_y;
  jj = 1;
}
//当鼠标释放时,停止对该元件的拖动,并且将此时的name属性为aa的元件(即“框”元件)的x坐标储存在变量xx中,y坐标储存在变量yy中。最后设置变量jj的值为1。   鼠标右键单击“back”按钮元件,打开action面板,输入as代码:
on (release) {
  tellTarget ("/zh1/as") {
    gotoAndPlay (4);
  }
  setProperty ("_root.zh1.aa.cc", _visible, 0);
}
//这段as的含义是当鼠标点击了此按钮后,as元件将跳转到第4帧开始播放,设置name属性为cc的元件为不可见。   这样就完成了对“弹出”元件的as编辑,接下来在library中双击“综合”元件,开始对其进行编辑,在前面的制作中我们在“综合”元件内放置了另外三个元件,一个是“框"元件,并设置了其name属性为aa,另一个是“按钮1”元件,还有一个as元件。在上一节中,我们并没有编辑“as”元件中的as命令,现在我们开始编辑它。在library面板上双击“as”元件,鼠标双击第一帧,在弹出的frame action面板上输入如下的as :

aaax = 125;
aaay =

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号