完成效果下載
一、 利用組件制作滾動(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文件下載