資源描述:
《flash拖拽動畫》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、flash拖拽動畫經(jīng)??吹降膄lash影片中有的對象可以被鼠標(biāo)進行拖動。例如有的類似七巧板的拼圖游戲,控制音量的滑桿等,所使用的就是flash中的拖拽動作。工具欄選擇工具:選擇和移動舞臺中的各種對象,也可改變對象的形狀。部分選取工具:使舞臺中的對象變形。線條工具:繪制任意方向、任意長短的直線。套索工具:在舞臺中選擇規(guī)則的區(qū)域或?qū)ο?。鋼筆工具:繪制直線、曲線或矢量圖形、也可調(diào)整曲線的曲率。文本工具:輸入和修改文本。橢圓工具:繪制任意大小的橢圓或圓。矩形工具:繪制任意大小的矩形、圓角矩形或正方形。鉛筆工具:繪制任意形狀和任意長短的曲線。刷子工具:繪制任意形狀的大小的矢量色塊。任意變形工具:對舞臺
2、中的對象進行任意變形、旋轉(zhuǎn)和縮放。填充變形工具:對填充的顏色進行旋轉(zhuǎn)、縮放、翻轉(zhuǎn)等操作。墨水瓶工具:填充或改變對象的邊框線屬性。顏料桶工具:改變矢量色塊的填充顏色或填充封閉的線條內(nèi)部區(qū)域。滴管工具:吸取已有對象的色彩屬性,并將其賦予目標(biāo)對象。橡皮擦工具:擦除舞臺中的對象或其中的某些區(qū)域。手形工具:移動舞臺畫面,以便更好地觀察不能全部顯示的內(nèi)容??s放工具:改變舞臺畫面的比例,以便更好地觀察對象的整體或細節(jié)。(按Alt鍵的同時再單擊可縮?。┕P觸顏色:設(shè)置所選工具的筆觸顏色,即所繪圖形的線條或邊框顏色。填充顏色:設(shè)置所選對象中要填充的顏色。黑白:單擊它可使對象變?yōu)楹诎椎?。沒有顏色:單擊它可使矢量圖
3、形的邊框無顏色。交換顏色:單擊它可交換矢量圖形的填充顏色和邊框顏色。下面來講解一下拖拽命令1.首先介紹一下開始拖拽命令的詳細用法,稍后在后面的例子中進行測試。命令格式:StartDrag(要拖動的影片剪輯,[是否鎖定到鼠標(biāo)位置中央,左,上,右,下])或?qū)憺橐蟿拥挠捌糨?StartDrag([是否鎖定到鼠標(biāo)位置中央,左,上,右,下])命令講解在制作動畫的過程中,上面兩種書寫方法可任選一種。其中[]內(nèi)的為可選參數(shù),也就是可以寫,也可以不寫。至于左,上,右,下四個參數(shù)是用來控制被拖對象的移動范圍。2、停止拖拽命令講解命令格式:被拖動的影片剪輯實例名.stopDrag()這樣就可以停止對對象的拖
4、拽動作。實例講解——操作步驟:1、新建一個flash文檔,并在舞臺上繪制一個圓形。選中圓形并按F8,將此圓形轉(zhuǎn)換為影片剪輯,起名為:circle。確定后將會在舞臺上創(chuàng)建一個圓的實例。2、選中此實例,并按F9打開動作面板。輸入如下腳本:on(press){this.startDrag(true);}當(dāng)鼠標(biāo)按下(press)之后,這個實例(因為我們把腳本寫在實例本身了,所以這里用this代替影片剪輯實例的名字)可以被拖拽,使用命令如上面的命令解釋。對于參數(shù)的選擇方面,這里只填寫了鎖定到鼠標(biāo)位置中央,如果想選不鎖定到鼠標(biāo)位置中央,可以把true改為false。有興趣的朋友可以更改為false看看。
5、on(release){this.stopDrag();}同樣道理,當(dāng)鼠標(biāo)釋放(release)之后,將停止拖拽動作。3、好了,現(xiàn)在讓我們按Ctrl+回車來測試一下吧,你將會看到舞臺上的圓被你的鼠標(biāo)拖動的效果。4、通過這個例子我們可以簡單的應(yīng)用拖拽動作了?,F(xiàn)在需要把這個例子繼續(xù)完成,還記得上面命令講解中的左,上,右,下四個控制拖動范圍的參數(shù)嗎?現(xiàn)在來制作具有約束拖動范圍的效果。5、現(xiàn)在在舞臺上繪制一個200*100大小的矩形,注意只要邊框不要填充。6、如果我們希望在拖動的時候這個圓只能在矩形內(nèi)拖動的話,就要先設(shè)置這個矩形的坐標(biāo),并記下矩形四個頂點的坐標(biāo)(這點很重要?。?。比如,現(xiàn)在此例子中的矩
6、形的四個頂點分別如上圖所示。那我們要取的四個參數(shù)就應(yīng)該是:左=50,上=100,右=250,下=200 現(xiàn)在打開動作面板,修改剛才的腳本如下:on(press){this.startDrag(true,50,100,250,200);}這里我們就使用剛才確定好的4個參數(shù)。4個點的參數(shù)就對拖動對象實現(xiàn)了一個矩形區(qū)域的移動約束!on(release){this.stopDrag();}測試注意在元件編輯區(qū)和舞臺中的坐標(biāo)一三四二元件一