Flash AS制作控制圖片大小的滑塊效果
滑塊使用范圍非常廣泛,如:音量控制,播放控制,尺寸控制等等,不勝枚舉...
思路:
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;
//鼠標在外面釋放也等同于內(nèi)部釋放的效果
這是個非常有用的實例,我們不防把這個控制條整個存為元件,日后再用的只需要從庫中拖出一個就可以了。
Flash充電:startDrag()
mc.startDrag([固定中心],[left],[top],[right],[bottom])
固定中心:[可選] 一個布爾值,指定可拖動影片剪輯是鎖定到鼠標位置中央 (true),還是鎖定到用戶首次單擊該影片剪輯的位置上 (false)。left,top,right,bottom:[可選] 相對于該影片剪輯的父級的坐標的值,用以指定該影片剪輯的約束矩形。
相關(guān)文章
flash cs6想要實現(xiàn)鼠標跟隨效果?該怎么制作呢?今天我們就來看看使用as2.0實現(xiàn)鼠標跟隨效果的教程,需要的朋友可以參考下2019-05-19
Flash cs6怎么使用代碼輸入中英文文本?Flash cs6中可以使用文字工具直接輸入文本,也可以使用代碼來輸入文本,該怎么使用代碼輸入文本呢?請看下文詳細的教程,需要的朋友2018-03-11
flash as3.0抽象類怎么定義? as3.0中有很多抽象類,該怎么定義抽象類和抽象方法呢?下面我們就來看看簡單的例子,需要的朋友可以參考下http://m.fzitv.net/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,該怎么使用呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-01-25
本教程給大家分享一個Flash小教程,教大家在Flash CS6中怎么實現(xiàn)鼠標點擊決定圖像位置?方法很簡單,感興趣的朋友歡迎前來一起分享學習2018-01-12
本教程教腳本之家的ActionScript教程學習者在Flash中如何用代碼將圖片放在自己想要的舞臺位置,教程講解的詳細,感興趣的朋友歡迎前來分享學習2017-11-20
在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學習者如何在Flash CS6中使用with函數(shù)繪制背景圖?教程一步步講解的挺詳細,方法也不難,非常適合Flash新手入門學習2017-11-18
Flash怎么設置元件坐標?flash使用代碼設置元件的坐標的教程
Flash怎么設置元件坐標?flash中導如的元件需要添加坐標,該怎么定位元件坐標呢?下面我們就來看看flash使用代碼設置元件的坐標的教程,需要的朋友可以參考下2017-10-11
Flash怎么制作來回搖擺的花朵的動畫?Flash中想要給花朵制作一段搖擺的動畫效果,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-23
Flash怎么制作流動七彩色的文字?想要讓文字動起來,該怎么使用flash給文字制作一個流動七彩色的動畫呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23











