最近更新 / 特别专题 / 我要上传 / 设为首页
满足眼睛的需求

频道精选


模仿桌面图标的交互效果

2007-06-05 来源:xuezhishi.com   内容报错                        

FLASH版本:FLASH MX 2004
播放器版本:7
Actionscript:1
具体步骤:
NO.1
制作两个图象,一个为"未选中状态的图标",另一个为"选中后的图标" (本例中使用了PHOTOSHOP的图标,并制作为PNG图像)
按此在新窗口浏览图片

NO.2
打开FLASH,新建一个空白文档,文档中默认有一个图层,我们再建一个新的图层,将位于上面的图层命名为"未选中图标",位于下面的图层命名为"已选中图标"
NO.3
在图层"未选中图标"中导入制作好的"未选中状态的图标"的图像,并将其转换为影片剪辑(MovieClip),再将其实例名称命名为unselected
NO.4
在图层"已选中图标"中导入制作好的"选中后的图标" 的图像,并将其转换为影片剪辑(MovieClip),再将其实例名称命名为selected
NO.5
现在屏幕中的状态如图
按此在新窗口浏览图片

NO.6
下面进入编写脚本的部分
选中影片剪辑"未选中图标",按F9进入动作面板,写入如下代码:

onClipEvent(load){
 _root.unselected._visible=0;
//当影片剪辑载入的时候,选中后的图标被隐藏
}
onClipEvent(mouseDown){
 if(this.hitTest(_root._xmouse,_root._ymouse,true)){
  _root.unselected._visible=1;
  _root.unselected._x=this._x;
  _root.unselected._y=this._y;
  this._visible=0;
//如果鼠标点击在该影片剪辑的范围内的时候,选中后图标显示出来,与该影片剪辑的坐标重合后,将该影片剪辑隐藏
 }else{
  this._visible=1;
  this._x=_root.unselected._x;
  this._y=_root.unselected._y;
  _root.unselected._visible=0;
//如果点击在该影片剪辑范围以外,则此影片剪辑为显示,并且坐标与选中后图标重合后,将选中后图标隐藏
 }
}
评论 点击查看
 

精彩图片