2.8 FlashMX七大組件綜合實(shí)例
至此我們已將FlashMX內(nèi)置的七大組件作以簡單的介紹，相信現(xiàn)在諸位已經(jīng)對這七個組件的功能、作用及使用方法有了一定的認(rèn)識，或許到現(xiàn)在大家可能還沒真正認(rèn)識到利用這些組件可以達(dá)到什么樣的實(shí)際功效，在下面我們就將舉一實(shí)例向大家展示一下綜合利用組件這些組件的高級應(yīng)用。
在此實(shí)例中我們將應(yīng)用到FlashMX內(nèi)置的七大組件，利用這些組件我們在一個數(shù)據(jù)提交頁內(nèi)提交一些個人數(shù)據(jù)信息，然后再利用文本框及ScrollPane組件顯示個人的照片及其它信息。或許我們一時半會并不會從該實(shí)例中琢磨到什么實(shí)際應(yīng)用價值，但試想如果用此實(shí)例為基礎(chǔ)再加之后臺數(shù)據(jù)庫等內(nèi)容的運(yùn)用，不需多久就可輕松的構(gòu)建例如留言板等Flash應(yīng)用程序了，因而諸位在學(xué)習(xí)此例時也需搞清楚它們的結(jié)合原理。
圖34 組件綜合實(shí)例數(shù)據(jù)遞交頁場景
首先我們按圖34一般在第一幀內(nèi)放置了RadioButton、ComboBox、CheckBox、SrollBar及PushButton等組件，當(dāng)然還包括了動態(tài)文本框等內(nèi)容。按照前面組件制作的實(shí)例我們定義好RadioBox的組別及其它組件的實(shí)體名稱，然后在ActionScript層中的第一幀的內(nèi)輸入如下代碼：
stop();
//創(chuàng)建自定義函數(shù)InputData()，獲取姓名、性別、來自、擅長、簡介、圖片路徑等數(shù)據(jù)信息
function InputData() {
name = name.text;
sex = radioGroup.getValue();
ComeFrom = CBComeFrom.getSelectedItem().label;
//判斷復(fù)選項(xiàng)是否選中，如果選中則獲取復(fù)選框的標(biāo)題名稱否則讓其變量名為空
if (CKFlashMovie.getValue() != false) {
FlashMovie = CKFlashMovie.getLabel();
} else {
FlashMovie = "";
}
if (CKFlashAction.getValue() != false) {
FlashAction = CKFlashAction.getLabel();
} else {
FlashAction = "";
}
if (CK3D.getValue() != false) {
Design3D = CK3D.getLabel();
} else {
Design3D = "";
}
if (CKPlane.getValue() != false) {
Plane = CKPlane.getLabel();
} else {
Plane = "";
}
if (CKAsp.getValue() != false) {
Asp = CKAsp.getLabel();
} else {
Asp = "";
}
if (CKColdFusion.getValue() != false) {
ColdFusion = CKColdFusion.getLabel();
} else {
ColdFusion = "";
}
//定義一個變量adept，將前面復(fù)選項(xiàng)中被選中的項(xiàng)進(jìn)行累和最終得到我們的擅長內(nèi)容
adept = FlashMovie+FlashAction+Design3D+Plane+Asp+ColdFusion;
Brief = Brief.text;
PhotoPath = PhotoPath.text;
//完成數(shù)據(jù)收集以后再進(jìn)行影片播放
play();
}
//創(chuàng)建自定義函數(shù)ViewData()，利用此函數(shù)我們可以將前面數(shù)據(jù)輸入的內(nèi)容進(jìn)行信息顯示
function ViewData() {
ViewName.text = name;
ViewSex.text = sex;
ViewComeFrom.text = ComeFrom;
ViewAdept.text = adept;
ViewBrief.text = brief;
//用loadScrollContent找到將前面的照片路徑，然后將照片顯示在ScrollPane中
ViewPhoto.loadScrollContent(PhotoPath);
}
我們在PushButton的Click Handler中輸入InputData以便調(diào)用InputData函數(shù)來進(jìn)行數(shù)據(jù)的提交。
在場景的第5幀下我們放置了一些數(shù)據(jù)信息顯示框與一個ScrollPane用以顯示個人照片，如下圖35所示：
圖35 組件綜合實(shí)例數(shù)據(jù)顯示頁場景
然后我們在第5幀的ActionScript層的關(guān)鍵幀中輸入如下兩句代碼：
stop();
//調(diào)用ViewData()函數(shù)，將前面輸入的數(shù)據(jù)信息顯示在此幀內(nèi)的相應(yīng)文本框及ScrollPane框內(nèi)
ViewData();
現(xiàn)在我們已經(jīng)完成了該實(shí)例的制作，成品效果如下圖36所示：
圖36 組件綜合實(shí)例成品效果樣式
至此我們已經(jīng)對FlashMX自帶的內(nèi)置組件有了一定的認(rèn)識，在以后的Flash應(yīng)用程序中我們可以利用這些組件快速的創(chuàng)建擁有自己風(fēng)格的影片。然而，由于FlashMX相對于Flash5來說是一個質(zhì)的飛躍，不僅僅只是表現(xiàn)在自帶了幾個內(nèi)置的組件，更多的內(nèi)容我們將在后面的章節(jié)中進(jìn)行詳細(xì)的敘述。
