自從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é) 簡(jiǎn)單表單
在這個(gè)簡(jiǎn)單表單實(shí)例中,在輸入框中輸入想要輸入的內(nèi)容,然后按提交按鈕,這時(shí)從輸出框中將輸出輸入框中的內(nèi)容,如果按清除按鈕,則將清除輸入框和輸出框中的所有內(nèi)容,以便進(jìn)行下一次的輸入.
本實(shí)例最終效果如圖1.1所示;
圖1.1 簡(jiǎn)單表單最終效果
1.首先啟動(dòng)Flash,新建一個(gè)影片,設(shè)置影片舞臺(tái)大小為350px*250px(單位為象素),影片背景色為桔黃色,顏色代碼為#FF9933.
2.選擇工具箱中的文本工具,在舞臺(tái)上部拖動(dòng),繪制一個(gè)長(zhǎng)條形的文本框,如圖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ū)傩?
最后使用文本工具在此文本框前面添加文本框提示信息:輸入,表明此文本框的作用是用來輸入文本的,如圖1.4所示;
圖1.4 添加文本提示信息
3.按照制作輸入文本框相似的方法再制作一個(gè)文本框,這個(gè)文本框是用來輸出文本的,所以需要在屬性面板中設(shè)置其類型為動(dòng)態(tài)文本框,設(shè)置其文本框變量名為text2,其它相關(guān)設(shè)置如圖1.5所示:
圖1.5 設(shè)置輸出文本框?qū)傩?
同樣給輸出文本框添加上提示信息:輸出,最后如圖1.6所示;
圖1.6 添加輸出文本
4.接下來給表單添加兩個(gè)控制按鈕:提交和清除.首先新建一個(gè)按鈕元件,命名為btn,進(jìn)入元件的編輯區(qū)后,繪制一個(gè)如圖1.7所示的簡(jiǎn)單矩形按鈕即可,然后在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ū)@示為空。
[上一頁]