论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

制作控制滑块(startDrag)

文章类别:Flash | 发表日期:2008-9-21 20:09:54

  

滑块使用范围非常广泛,如:音量控制,播放控制,尺寸控制等等,不胜枚举...

/UploadTeach/200711/20071106122532293.swf

思路:
1.确定滑块的横向移动范围;     
2.获得滑块(slider)在控制条(bar)中的相对位置(百分比);     
3.最后返回一个变量(per),范围在1~100,是唯一的变量输出。

步骤1:

 

1.绘制一长方块,保存为影片剪辑,实例名slider,注册点在中心;
2.绘制一控制条,保存为影片剪辑,实例名bar,注册点在左中;
3.放入一个图片,保存为影片剪辑,实例名为mc.

步骤2:
加入AS代码:

left = bar._x+slider._width/2;
right = bar._x+bar._width-slider._width/2;
bottom = top = bar._y;
//确定slider可移动的左右及上下边界
slider.onPress = function() {
 this.startDrag(true, left, top, right, bottom);
}; 

slider.onRelease = function() {
 this.stopDrag();
};

_root.onMouseMove = function() {
 per = int((slider._x-left)/(right-left)*100);
/* slider._x-left = slider在bar中的相对X坐标
   right-left = bar可拖动的有效宽度
   他们之间的比值就是要求的相对位置 */
 _root.mc._xscale = per;
 _root.mc._yscale = per;
//最后用这个比值再去控制图片的缩放大小
};

slider.onReleaseOutside = slider.onRelease;
//鼠标在外面释放也等同于内部释放的效果
这是个非常有用的实例,我们不防把这个控制条整个存为元件,日后再用的只需要从库中拖出一个就可以了。
 
Flash充电:startDrag()
mc.startDrag([固定中心],[left],[top],[right],[bottom])
固定中心:[可选] 一个布尔值,指定可拖动影片剪辑是锁定到鼠标位置中心 (true),还是锁定到用户首次单击该影片剪辑的位置上 (false)。left,top,right,bottom:[可选] 相对于该影片剪辑的父级的坐标的值,用以指定该影片剪辑的约束矩形。
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058