制作可随意拖动的四边形

作者佚名技术来源服务器技术浏览发布时间 2012-07-13

第一次写教程，错误和不足之处请大家指点。应用了很简单的AS代码，
很适合初学者和我这样的人。^_^
先看一下效果：

点击浏览该文件
步骤如下：
一：新建元件
1；点击插入 >> 新建元件（或按Ctrl+F8)，取名ball，（注意不是实例名）行为选影片剪辑。如下图：

2；用椭圆工具画一个30x30像素的正圆，边框线选无，填充色选放射状填充。如下图：

3；双击空白处回到主场景。再点击窗口 >> 库（或按Ctrl+L)打开库面板，
从库中将元件ball拖四个到场景中，分别取实例名a、 b、c、d。如下图：

二；写入AS代码
1；在主场景中新建一个图层，双击取名为Action，这一层是用来写代码用的，
你也可以写在图层1上。但这样做层次比较清晰。^_^ 如下图：

2；点击Action图层的第一帧，按F9打开动作面板，写入以下代码：如下图：

function draw(){ //定义函数draw();
_root.clear(); //清除根时间轴上的线条；
_root.lineStyle(3,0x0000FF,50); //设置线条的格式（大小，颜色，透明度）
_root.moveTo(a._x,a._y); //以a的起点为坐标开始画线；
_root.lineTo(b._x,b._y); //到b点结束画线；
_root.moveTo(b._x,b._y); //以b的起点为坐标开始画线；
_root.lineTo(c._x,c._y); //到c点结束画线；
_root.moveTo(c._x,c._y); //以c的起点为坐标开始画线；
_root.lineTo(d._x,d._y); //到d点结束画线；
_root.moveTo(d._x,d._y); //以d的起点为坐标开始画线；
_root.lineTo(a._x,a._y); //到a点结束画线；
}
draw();//执行定义的函数

3;单击场景中的实例a元件，按F9打开动作面板，为实例a写入以下代码：如下图：

on(press){
this.startDrag(); //鼠标按下，就开始拖动；
}
on(release){
this.stopDrag(); //鼠标释放，就停止拖动；
}
onClipEvent(mouseMove){
_root.draw(); //执行定义的函数；
updateAfterEvent() //强制更新画面，使画面更加流畅；
}

4;分别为实例b、c、d写入跟实例a相同的代码；好了！大功告成。按Ctrl+Enter看看劳动成果。

点击浏览该文件（里面有MX版本和MX2004版本的原文件）
关键词：

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

分享到：更多

你可能对下面的文章感兴趣

上一篇: 后侧转视角的绘法下一篇: 制作可拖动的菜单

关于制作可随意拖动的四边形的所有评论

随机推荐