当前位置: 首页 > 图文教程 > Flash动画 > ActionScript > Flash AS制作控制图片大小的滑块效果

ActionScript
Flash AS实例:制作切换菜单动画
Flash AS3实例教程:简单的转动的星星
Flash AS3实例教程:制作旋转的菜单动画
项目中使用发布swc时遇到两个问题
Flash AS3教程:随图片大小而动态改变的图框
Flash AS3教程:创建好看的遮罩动画效果
Flash AS3.0教程:制作老鹰飞动实例
Flash as入门(6):文本与字符串
Flash as入门(8):加载和卸载swf文件
Flash as入门(17):Math类三角函数
Flash AS3实例教程:连锁反应的粒子动画
AS3实例教程:结合基本的动画和AS3绘图API
学习AS3知识:常用的8个AS3小技巧
Flash AS3实例教程:漂亮的水纹动画
Flash AS3实现动画中音乐音量逐渐关闭
AS 3.0的TransitionManager类制作动画
AS3实例教程:制作数码下落的动画特效
AS3面试题:复杂算法的改进
AS3.0实例:鼠标感应发光的文字效果
Flex4教程:添加事件的3种方法

ActionScript 中的 Flash AS制作控制图片大小的滑块效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 116 ::
收藏到网摘: n/a

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


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

步骤1:

Flash AS制作控制图片大小的滑块效果_软晨学习网ruanchen.com整理

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:[可选] 相对于该影片剪辑的父级的坐标的值,用以指定该影片剪辑的约束矩形。