夏日博客

A-A+

flash 制作控制滑块

2015年09月17日 前端设计 暂无评论 阅读 11 views 次

flash的滑块使用是很广泛的，比如网页中的音量控制，音乐的播放速度控制，还有一些尺寸动画等等，这些应用在制作flash小游戏或者是一些flash短片中是很常见的，几乎不能没有，哪么下面我们主要看一下 flash 是如何制作控制滑块的。

思路：

1.确定滑块的横向移动范围；

2.获得滑块(slider)在控制条(bar)中的相对位置(百分比);

3.最后返回一个变量(per),范围在1～100，是唯一的变量输出。

步骤1：

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

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

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

步骤2：加入AS代码：

  1. var left = bar._x+slider._width/2;  
  2. var right = bar._x+bar._width-slider._width/2;  
  3. var bottom = top = bar._y;  
  4. //确定slider可移动的左右及上下边界  
  5. slider.onPress =  
  6. function() {  
  7. this.startDrag(true, left, top, right,  
  8. bottom);  
  9. };  
  10. slider.onRelease =  
  11. function() {  
  12. this.stopDrag();  
  13. };  
  14. _root.onMouseMove = function() {  
  15. var per =  
  16. Math.ceil((slider._x-left)/(right-left)*100);  
  17. //per(slider在bar中的相对位置)=slider的x坐标 ÷  
  18. slider移动的宽度范围  
  19. _root.mc._xscale = per;  
  20. _root.mc._yscale =  
  21. per;  
  22. //最后用这个比值再去控制图片的缩放大小  
  23. };  
  24. sliderslider.onReleaseOutside = slider.onRelease;  
  25. //鼠标在外面释放也等同于内部释放的效果  

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

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

标签：

给我留言