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

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

一、 利用組件制作滾動文本框

在場景的空白位置往往不夠容納下當前部分的所有文字。此時，我們需要使用滾動文本框組件來完成。

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

圖一

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

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

圖二圖片較大，請拉動滾動條觀看

圖三

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

二、 利用命令制作滾動文本框

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

圖四

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

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

圖五

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

圖六

加入如下代碼：

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

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

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

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

圖七

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

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

圖八

（7） 按下ctrl+enter鍵即可運行。

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