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

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

歡迎您!
朋友圈

400-850-8622

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

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

Flash滾動(dòng)文本框的兩種做法

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

  完成效果下載

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

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

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

(圖一)

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

  (3) 打開屬性對(duì)話框中“參數(shù)”選項(xiàng)卡(圖二),或按下Alt+F7組合鍵,打開“組件”參數(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í)只要把通過發(fā)布設(shè)置,直接發(fā)布成exe文件或html文件就可以正常使用了。

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

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

(圖四)

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

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

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

(圖七)

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

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

(圖八)

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

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

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