Flash表單制作實例集錦（1）--簡單表單制作

　　自從Macromedia公司發布flash以來，flash以其強大的功能很快就在網絡上風靡起來，閃客一族也成為目前網絡上最潮流的一族。flash不僅在動畫制作上有很強的實力，在交互功能上也毫不遜色，網絡學院應許多網友的要求，推出連續7節的flash在交互功能上的應用實例，希望能使你在flash網站制作上達到較高的水平。

　　第1節 簡單表單

　　在這個簡單表單實例中,在輸入框中輸入想要輸入的內容，然後按提交按鈕，這時從輸出框中將輸出輸入框中的內容，如果按清除按鈕，則將清除輸入框和輸出框中的所有內容,以便進行下一次的輸入.

　　本實例最終效果如圖1.1所示;

　　圖1.1 簡單表單最終效果

　　1.首先啟動Flash,新建一個影片,設置影片舞台大小為350px*250px(單位為象素),影片背景色為桔黃色,顏色代碼為#FF9933.

　　2.選擇工具箱中的文本工具,在舞台上部拖動,繪制一個長條形的文本框,如圖1.2所示:

　　圖1.2 繪制文本框

　　打開屬性面板,在屬性面板中對此文本框進行相關屬性的設置.因為此文本框要被用來輸入文本,所以應該在文本框屬性下拉列表中設置其為輸入文本類型,然後設置文本框文本的字體,字號和文本顏色等屬性,最後重要的一步是設置文本框的文本變量為text1,以便使用Action對其中的內容進行控制,具體設置如圖1.3所示;

　　圖1.3 設置文本框屬性

　　最後使用文本工具在此文本框前面添加文本框提示信息:輸入,表明此文本框的作用是用來輸入文本的,如圖1.4所示;

　　圖1.4 添加文本提示信息

　　3.按照制作輸入文本框相似的方法再制作一個文本框,這個文本框是用來輸出文本的,所以需要在屬性面板中設置其類型為動態文本框,設置其文本框變量名為text2,其它相關設置如圖1.5所示:

　　圖1.5 設置輸出文本框屬性

　　同樣給輸出文本框添加上提示信息:輸出,最後如圖1.6所示;

　　圖1.6 添加輸出文本

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

　　圖1.7 制作按鈕

　　5.回到主場景中,在舞台的靠下位置分別放置一個按鈕元件,並將其左右排列好,然後給左邊的按鈕添加提示文本:提交,給右邊的按鈕添加提示文本:清除,如圖1.8所示;

　　圖1.8 給表單添加控制按鈕

　　6.最後的任務就是給控制按鈕添加Action了.給提交按鈕添加如下Action:

　　On (Release)

　　Set Variable: "text2" = text1

　　End On

　　//當點擊該按鈕時，變量名為"text2"的文本框中將顯示變量名為"text1"的文本框中的內容.

　　給清除按鈕添加如下Actions為:

　　On (Release)

　　Set Variable: "text1" = ""

　　Set Variable: "text2" = ""

　　End On

　　//當點擊該按鈕時，變量名為"text1"和"text2"的文本框將顯示為空。