自從Macromedia公司發(fā)布flash以來，flash以其強(qiáng)大的功能很快就在網(wǎng)絡(luò)上風(fēng)靡起來，閃客一族也成為目前網(wǎng)絡(luò)上最潮流的一族。flash不僅在動(dòng)畫制作上有很強(qiáng)的實(shí)力，在交互功能上也毫不遜色，網(wǎng)絡(luò)學(xué)院應(yīng)許多網(wǎng)友的要求，推出連續(xù)7節(jié)的flash在交互功能上的應(yīng)用實(shí)例，希望能使你在flash網(wǎng)站制作上達(dá)到較高的水平。

第1節(jié) 簡單表單

在這個(gè)簡單表單實(shí)例中,在輸入框中輸入想要輸入的內(nèi)容，然后按提交按鈕，這時(shí)從輸出框中將輸出輸入框中的內(nèi)容，如果按清除按鈕，則將清除輸入框和輸出框中的所有內(nèi)容,以便進(jìn)行下一次的輸入.

本實(shí)例最終效果如圖1.1所示;



圖1.1 簡單表單最終效果

1.首先啟動(dòng)Flash,新建一個(gè)影片,設(shè)置影片舞臺(tái)大小為350px*250px(單位為象素),影片背景色為桔黃色,顏色代碼為#FF9933.

2.選擇工具箱中的文本工具,在舞臺(tái)上部拖動(dòng),繪制一個(gè)長條形的文本框,如圖1.2所示:



圖1.2 繪制文本框

打開屬性面板,在屬性面板中對(duì)此文本框進(jìn)行相關(guān)屬性的設(shè)置.因?yàn)榇宋谋究蛞挥脕磔斎胛谋?所以應(yīng)該在文本框?qū)傩韵吕斜碇性O(shè)置其為輸入文本類型,然后設(shè)置文本框文本的字體,字號(hào)和文本顏色等屬性,最后重要的一步是設(shè)置文本框的文本變量為text1,以便使用Action對(duì)其中的內(nèi)容進(jìn)行控制,具體設(shè)置如圖1.3所示;



圖1.3 設(shè)置文本框?qū)傩?br>
最后使用文本工具在此文本框前面添加文本框提示信息:輸入,表明此文本框的作用是用來輸入文本的,如圖1.4所示;



圖1.4 添加文本提示信息

3.按照制作輸入文本框相似的方法再制作一個(gè)文本框,這個(gè)文本框是用來輸出文本的,所以需要在屬性面板中設(shè)置其類型為動(dòng)態(tài)文本框,設(shè)置其文本框變量名為text2,其它相關(guān)設(shè)置如圖1.5所示:



圖1.5 設(shè)置輸出文本框?qū)傩?br>
同樣給輸出文本框添加上提示信息:輸出,最后如圖1.6所示;



圖1.6 添加輸出文本

4.接下來給表單添加兩個(gè)控制按鈕:提交和清除.首先新建一個(gè)按鈕元件,命名為btn,進(jìn)入元件的編輯區(qū)后,繪制一個(gè)如圖1.7所示的簡單矩形按鈕即可,然后在Hit幀插入關(guān)鍵幀,如圖1.7所示;



圖1.7 制作按鈕

5.回到主場(chǎng)景中,在舞臺(tái)的靠下位置分別放置一個(gè)按鈕元件,并將其左右排列好,然后給左邊的按鈕添加提示文本:提交,給右邊的按鈕添加提示文本:清除,如圖1.8所示;



圖1.8 給表單添加控制按鈕

6.最后的任務(wù)就是給控制按鈕添加Action了.給提交按鈕添加如下Action:
On (Release)
　Set Variable: "text2" = text1
End On
//當(dāng)點(diǎn)擊該按鈕時(shí)，變量名為"text2"的文本框中將顯示變量名為"text1"的文本框中的內(nèi)容.
給清除按鈕添加如下Actions為:
On (Release)
　Set Variable: "text1" = ""
Set Variable: "text2" = ""
End On
//當(dāng)點(diǎn)擊該按鈕時(shí)，變量名為"text1"和"text2"的文本框?qū)@示為空。