一聚教程网:一个值得你收藏的教程网站

热门教程

flash 制作控制滑块

时间:2022-07-02 17:16:12 编辑:袖梨 来源:一聚教程网

滑块使用范围非常广泛

如:音量控制,播放控制,尺寸控制等等,不胜枚举

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

步骤1:
  

1.绘制一长方块,保存为影片剪辑,实例名slider,注册点在中心;

2.绘制一控制条,保存为影片剪辑,实例名bar,注册点在左中;

3.放入一个图片,保存为影片剪辑,实例名为mc.

步骤2:
加入AS代码:
var left = bar._x+slider._width/2;

var right = bar._x+bar._width-slider._width/2;

var bottom = top = bar._y;
//确定slider可移动的左右及上下边界


slider.onPress =
function() {

this.startDrag(true, left, top, right,
bottom);

};


slider.onRelease =
function() {

this.stopDrag();


};

_root.onMouseMove = function() {

var per =
Math.ceil((slider._x-left)/(right-left)*100);
//per(slider在bar中的相对位置)=slider的x坐标 ÷
slider移动的宽度范围
_root.mc._xscale = per;

_root.mc._yscale =
per;
//最后用这个比值再去控制图片的缩放大小


};


slider.onReleaseOutside = slider.onRelease;
//鼠标在外面释放也等同于内部释放的效果

^_^这是个非常有用的实例,我们不防把这个控制条整个存为元件,日后再用的只需要从库中拖出一个就可以了。^_^

Flash充电1:startDrag()

mc.startDrag([固定中心],[left],[top],[right],[bottom])

固定中心:[可选]
一个布尔值,指定可拖动影片剪辑是锁定到鼠标位置中央
(true),还是锁定到用户首次单击该影片剪辑的位置上
(false)。

left,top,right,bottom:[可选]
相对于该影片剪辑的父级的坐标的值,用以指定该影片剪辑的约束矩形。


Flash充电2:取整函数简介

(1)Math.floor:
向下取整,小于等于该数字的最接近的整数。

例如:

Math.floor(12.8) 值为 12

Math.floor(-6.2) 值为 -7

(2)Math.ceil:
向上取整,大于等于该数字的最接近的整数。

例如:

Math.ceil(12.1) 值为 13

Math.ceil(12.01) 值为 13

(3)Math.round:
采用四舍五入方式取整。

例如:

Math.round(365.34) 值为 365

Math.round(20.5) 值为 21

Math.round(-45.5) 值为 -45

Math.round(-45.51) 值为 -46

热门栏目