天才教育網(wǎng)合作機構(gòu) > 設(shè)計軟件培訓(xùn)機構(gòu) > Flash培訓(xùn)機構(gòu) >

東莞設(shè)計培訓(xùn)網(wǎng)

歡迎您!
朋友圈

400-850-8622

全國統(tǒng)一學(xué)習(xí)專線 9:00-21:00

位置:設(shè)計軟件培訓(xùn)資訊 > Flash培訓(xùn)資訊 > Flash滾動文本框的兩種做法

Flash滾動文本框的兩種做法

日期:2005-12-24 00:00:00     瀏覽:331    來源:東莞設(shè)計培訓(xùn)網(wǎng)
  Flash升級到Flash MX 2004 版本以后,許多效果的制作方法都很大的改進,比如滾動文本框的效果制作起來就方便了許多?,F(xiàn)在我介紹兩種在Flash MX 2004 中制作滾動文本框的方法,一種是利用flash自己的組件,是最簡單的一種方法;再一種就是利用一些簡單的命令來實現(xiàn)滾動的效果,通過第二種方法我們可以對Flash MX 2004 的新功能與方法有更深刻的了解。文章末尾提供.fla文件供大家下載參考。

  完成效果下載

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

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

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

(圖一)

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

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


(圖二  圖片較大,請拉動滾動條觀看)

(圖三)

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

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

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

(圖四)

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

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

(圖五)

 ?。?) 添加圖層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(); }
}

 ?。?) 添加圖層3,在圖層3中用直線和矩形工具把文本和按鈕圍起來(如圖七)。

(圖七)

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

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

(圖八)

 ?。?)  按下ctrl+enter鍵即可運行。

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

如果本頁不是您要找的課程,您也可以百度查找一下: