第1頁(yè):Flash MX 2004滾動(dòng)文本框的兩種做法(多圖)第2頁(yè):Flash MX 2004滾動(dòng)文本框的兩種做法(多圖)(2)

Flash升級(jí)到Flash MX 2004 版本以后，許多效果的制作方法都很大的改進(jìn)，比如滾動(dòng)文本框的效果制作起來(lái)就方便了許多。現(xiàn)在我介紹兩種在Flash MX 2004 中制作滾動(dòng)文本框的方法，一種是利用flash自己的組件，是最簡(jiǎn)單的一種方法；再一種就是利用一些簡(jiǎn)單的命令來(lái)實(shí)現(xiàn)滾動(dòng)的效果，通過(guò)第二種方法我們可以對(duì)Flash MX 2004 的新功能與方法有更深刻的了解。

一、 利用組件制作滾動(dòng)文本框

在場(chǎng)景的空白位置往往不夠容納下當(dāng)前部分的所有文字。此時(shí)，我們需要使用滾動(dòng)文本框組件來(lái)完成。

(1) 打開(kāi)“窗口”——“開(kāi)發(fā)面板”——“組件”面板，或按下Ctrl+F7組合鍵打開(kāi)“組件”面板，并從“UI Components”列表中拖動(dòng)“TextArea”組件（如圖一）到場(chǎng)景中。

圖一

(2) 選中“textarea”組件，利用屬性面板調(diào)整其屬性為寬“240px”，高“200px”，x軸坐標(biāo)“200”，y軸坐標(biāo)“100”。

(3) 打開(kāi)屬性對(duì)話框中“參數(shù)”選項(xiàng)卡（圖二），或按下Alt+F7組合鍵，打開(kāi)“組件”參數(shù)設(shè)置面板（圖三），在“Text”參數(shù)的右側(cè)輸入所需文字即可，這兩個(gè)不同的面板功能是一樣的。

圖二圖片較大，請(qǐng)拉動(dòng)滾動(dòng)條觀看

圖三

這種制作滾動(dòng)文本的方法是不是很簡(jiǎn)單，用這種方法做的文件如果直接導(dǎo)出swf文件的話，在使用時(shí)可能會(huì)看不到這個(gè)滾動(dòng)組件，這時(shí)只要把通過(guò)發(fā)布設(shè)置，直接發(fā)布成exe文件或html文件就可以正常使用了。

二、 利用命令制作滾動(dòng)文本框

（1） 在場(chǎng)景空白位置插入一個(gè)靜態(tài)文本框，在文本框中輸入所需文字，調(diào)整好大小和位置。鼠標(biāo)右鍵單擊該文本框，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”，先將其轉(zhuǎn)換為“圖形”，命名為“文本”。

圖四

（2） 選擇“插入”——“新建元件”，新建一個(gè)影片剪輯，命名為“文本影片”。把圖形元件“文本”拖入其中適當(dāng)位置，在第25幀處插入關(guān)鍵幀，在該幀按住“shift”鍵，將該幀的“文本”元件垂直向上移 動(dòng)一段距離

（3） 從第1幀到第25幀創(chuàng)建補(bǔ)間動(dòng)畫(huà)，使“文本”元件有一個(gè)至下而上的運(yùn)動(dòng)效果。然后從“全局函數(shù)”——“時(shí)間軸控制”中選擇“stop（）”命令，添加在第1幀，使“文本影片”剪輯停止在第1幀（如圖五）。將該剪輯放入場(chǎng)景適當(dāng)位置，剪輯名稱(chēng)為“text”。

圖五

（4） 添加圖層2，把圖層2放在第1層下方。在圖層2中，將“公用庫(kù)”——“按鈕”中的“circle buttons”選擇“next”元件導(dǎo)入場(chǎng)景，順時(shí)針旋轉(zhuǎn)90度使箭頭方向向下，放在“文本影片”旁邊（如圖六）。

圖六

加入如下代碼：

on (release) {tellTarget ("text") { nextFrame(); }}

復(fù)制next 按鈕，垂直翻轉(zhuǎn)（箭頭方向向上）后放在第一個(gè)按鈕上方，添加代碼：

on (release){ tellTarget ("text") { PRevFrame(); }}

（5） 添加圖層3，在圖層3中用直線和矩形工具把文本和按鈕圍起來(lái)（如圖七）。

圖七

使用矩形工具時(shí)，把填充色改為無(wú)色，線條色為黑色。然后在這個(gè)封閉的圖形中，用灰色填充包圍文字的部分

（6） 添加圖層4，把圖層4置于圖層3下方（如圖八），并把圖層3中的覆蓋在文字上的灰色塊剪切到圖層4的相同位置（shift+ctrl+v）。給圖層4添加遮罩，使其遮罩圖層1。

圖八

（7） 按下ctrl+enter鍵即可運(yùn)行。

兩種滾動(dòng)文本框的的制作方法就是這樣，其實(shí)每種效果的實(shí)現(xiàn)方法都不是唯一的，雖然每種方法的繁簡(jiǎn)程度不同，但只要用心體會(huì)，總能找出一種合適方法。.fla文件下載