Flash Web結(jié)構(gòu)之?dāng)?shù)據(jù)顯示層介紹
前面講FlashWeb背景層的時候已經(jīng)提到了數(shù)據(jù)顯示層。由于筆者基本不使用組件，所以對筆者來說，數(shù)據(jù)顯示層主要是指TextField，或者用MC簡單包裝的TextField。它們是網(wǎng)站信息的主體部分，一般都是動態(tài)的調(diào)用外部信息。當(dāng)然，由于我用MC進(jìn)行了包裝，它們也可以作為按鈕使用，比較常見的就是標(biāo)題列表，比如我主站上三個子站最新發(fā)布列表。
就像我前面說過的，數(shù)據(jù)顯示層要盡量的精簡體積，它是一個Flash web瀏覽效率的關(guān)鍵，不適合做大量的效果，尤其是位圖效果。而它的結(jié)構(gòu)也要盡量清晰且工整，便于代碼控制。對于Flash模式的網(wǎng)站可以考慮直接將TextField放到_root上；而對于PS模式和混合模式，則最好還是用MC對TextField進(jìn)行包裝，以保證網(wǎng)站各欄目的獨(dú)立性。
淺談數(shù)據(jù)層
數(shù)據(jù)層可謂是整個Flash web的中樞神經(jīng)系統(tǒng)，負(fù)責(zé)Flash web的所有數(shù)據(jù)顯示和交換，還有功能的實(shí)現(xiàn)，甚至是動畫的控制。
在正式開始講解數(shù)據(jù)層之前，我想先回顧一下我自己的代碼編寫歷史。最開始的時候，我一般都是直接把代碼寫在元件上，這樣寫的局限性比較大，很多功能無法實(shí)現(xiàn)；后來我開始嘗試在時間軸上寫，可由于當(dāng)時能力有限，部分代碼還是要寫在元件上，這樣就造成代碼混亂，時間一長，自己也記不清代碼到底寫哪兒；AS能力稍微強(qiáng)點(diǎn)后，我就不再在元件上寫代碼了，而是全部寫在時間軸上，一般都是每個欄目，或者是每個MC包含自己獨(dú)自的代碼，這樣做的好處是，代碼分布比較清晰，而且代碼獨(dú)立性比較好。但即便這樣做，還是不夠理想，因?yàn)槿绻W(wǎng)站MC嵌套結(jié)果非常復(fù)雜的話，每個MC的代碼都獨(dú)自包含，那么代碼可能會寫在很深層的MC上，而且MC很多話，代碼也將隨之分布很散，這樣還是不方便代碼的集中管理，也不容易從總體上把握網(wǎng)站數(shù)據(jù)之間的聯(lián)系。
現(xiàn)在的我怎么做呢？由于我現(xiàn)在不僅AS已經(jīng)玩得很熟，而且能夠從宏觀上對網(wǎng)站結(jié)構(gòu)進(jìn)行比較到位的把握，所以我已經(jīng)完全有能力根據(jù)網(wǎng)站的特點(diǎn)和功能在正式動工之前就把網(wǎng)站劃分為若干功能模塊，然后用我自創(chuàng)的MC三幀式去完成每個模塊的實(shí)現(xiàn)。
打開我網(wǎng)站的源文件，你會發(fā)現(xiàn)，除了主時間軸和主時間軸上一系列具有“三幀式”結(jié)構(gòu)的空MC外，其它地方極少有代碼，可以說核心代碼已經(jīng)完全從網(wǎng)站中分離了出來。在主時間軸上，一般來說第一層是AS層，第二層可有可無的標(biāo)簽層，第三層就是數(shù)據(jù)層，全部的'“三幀式”MC都放在這一層，最下面的那些層就是網(wǎng)站主框架了。也許你已經(jīng)忍不住要問了，你老說“三幀式”，到底什么是“三幀式”�。繂柕煤�，這正是我下面要講的重點(diǎn)。
“數(shù)據(jù)層MC三幀式”是我為了方便數(shù)據(jù)管理而自創(chuàng)出來的一種有效的數(shù)據(jù)組織框架，它巧妙的利用了時間軸，具有清晰的結(jié)構(gòu)，而且還具有通用性。從字面意思，我們便可以猜出來，它是具有三個空白關(guān)鍵幀的影片剪輯，這三個幀的名字按在時間軸上的先后順序依次為“chuShi”、“shuaXin”、“gongNeng”。
“chuShi”幀：這一幀負(fù)責(zé)系統(tǒng)的初始化，主要分兩部分，第一部分一般都是一大串變量。這些變量又分為三種，第一種是所有這個MC要操作的對象和其它元件接口；第二種是一些系統(tǒng)初始變量，比如將負(fù)責(zé)留言顯示的頁碼變量初始為1，就可以讓留言初始為顯示第一頁；最后還有一個比較特殊的布爾變量，就是“yiJiaZai”，我們把它的值初始為false，表明此MC內(nèi)控制的外部數(shù)據(jù)此時還未進(jìn)行過加載，一旦這個MC控制下的數(shù)據(jù)加載成功，我們立刻將其值變?yōu)閠rue。這樣做的好處是可以根據(jù)此值判斷數(shù)據(jù)是否是第一次加載，然后進(jìn)行不同的設(shè)置和響應(yīng)。第二部分則是注冊刷新函數(shù)，有經(jīng)驗(yàn)的動態(tài)Flash web開發(fā)者都應(yīng)該知道，F(xiàn)lash中的數(shù)據(jù)刷新是重點(diǎn)，這也是Flash web較常規(guī)網(wǎng)頁的最大優(yōu)勢之一。在這里，我們需要注冊倆個負(fù)責(zé)數(shù)據(jù)刷新的函數(shù)：
function chuShi(){gotoAndPlay("chuShi");}
function shuaXin(){play();}
稍后我會解釋為什么。
“shuaXin”幀：這個幀是個空白關(guān)鍵幀，什么都沒有，它的意義也將在下面解釋。
“gongNeng”幀：這幀主要負(fù)責(zé)各種功能的實(shí)現(xiàn)以及數(shù)據(jù)的呈現(xiàn)，為了方便對整個網(wǎng)站的控制以及各“三幀式MC”之間的相互控制，我建議把比較重要的功能都寫成函數(shù)。在“gongNeng”幀代碼的最后一定要加上一句gotoAndStop("shuaXin")。這幀中還有一個重頭戲就是錯誤分析和處理，但為了緊扣文章中心，這里就不多講了。
這樣以來我們就建立起一套簡單有效的數(shù)據(jù)控制機(jī)制。首先在_root上將所有的“三幀式MC”都stop到第一幀，也就是“chuShi”幀，然后建立一套數(shù)據(jù)加載機(jī)制，通過控制三幀式MC的播放來控制數(shù)據(jù)加載順序。數(shù)據(jù)加載完成后，我們就可以在任何地方通過控制三幀式MC來控制這個MC負(fù)責(zé)的網(wǎng)站某特定部分。比如有個名字為“l(fā)ieBiao_mc”的三幀式MC是負(fù)責(zé)網(wǎng)站文章標(biāo)題列表這部分的功能，我們就可以通過下面極其簡單的代碼來實(shí)現(xiàn)對文章列表的控制：
如果我們要得到文章列表的初始狀態(tài)，只需要調(diào)用：_level0.lieBiao_mc.chuShi();
如果我們要得到文章列表的某特定狀態(tài)，只需要對負(fù)責(zé)此狀態(tài)的變量賦值，然后調(diào)用：_level0.lieBiao_mc.shuaXin();
如果我們只需要調(diào)用文章列表中的某一項(xiàng)功能，只需要調(diào)用：_level0.lieBiao_mc.特定功能函數(shù)名();
由于我們在“gongNeng”幀中就有錯誤分析、過渡動畫等這些重復(fù)性內(nèi)容，所以當(dāng)調(diào)用shuaXin函數(shù)時，這些內(nèi)容就會自動觸發(fā)，非常簡單好用。
數(shù)據(jù)層MC三幀式就簡單介紹到這里，具體細(xì)節(jié)其實(shí)非常豐富，這里只是拋磚引玉。