在學(xué)習(xí)Flex的過程中，你可能會遇到Flex應(yīng)用程序啟動問題，這里和大家分享一下，相信本文介紹一定會讓你有所收獲。

Flex應(yīng)用程序啟動

編寫一個(gè)簡單的Flex應(yīng)用程序并不復(fù)雜，就算你從來沒接觸過Flex程序設(shè)計(jì)，照著幫助的實(shí)例步驟，不需花多長時(shí)間也能做出一個(gè)漂亮簡捷的小程序出來。不過，隨著對Flex程序編寫的深入，會越來越覺得，其實(shí)要編寫一個(gè)好的Flex應(yīng)用程序并不簡單，涉及到各個(gè)方面的知識，需要對Flex應(yīng)用程序的架構(gòu)、事件機(jī)制的處理、設(shè)計(jì)與程序的結(jié)合等等各個(gè)方面均要有所掌握。
這***部分的內(nèi)容從Flex應(yīng)用程序的啟動與運(yùn)行講起。另外，F(xiàn)lex應(yīng)用程序總的來說是以事件驅(qū)動的程序，因此，大家在深入學(xué)習(xí)Flex的各個(gè)方面知識的時(shí)候，應(yīng)該隨時(shí)以事件驅(qū)動的觀點(diǎn)來進(jìn)行思考。

大家都知道，我們在編寫Flex應(yīng)用程序時(shí)，通常是以<mx:Application>標(biāo)簽作為開頭，實(shí)際上，F(xiàn)lex應(yīng)用程序在啟動運(yùn)行的時(shí)候并不是直接從Application開始運(yùn)行，在這之前還有一部分悄悄的先運(yùn)行了，正如大家所看到的，當(dāng)我們運(yùn)行編寫好的Flex應(yīng)用程序時(shí)，盡管我們沒有編寫任何與啟動進(jìn)度載入條相關(guān)的代碼，但無一例外的，應(yīng)用程序均會為我們自動加上這一部分。因此才有我們看到的如下圖所示的標(biāo)準(zhǔn)的Flexloading載入條（在下一篇文章中，我們將一起來改變這千篇一律的載入條，創(chuàng)建自定義的loading效果）。

[[14141]]

◆通常我們所說的Flex應(yīng)用程序，本質(zhì)上來說是基于Flex框架、采用ActionScript3.0編寫的Flash應(yīng)用程序，從這一點(diǎn)來說，它和普通的Flash應(yīng)用程序沒有任何差別。相對來說，傳統(tǒng)的使用FlashIDE（如FlashCS3）創(chuàng)建Flash程序時(shí)更多的基于“時(shí)間線”（Timeline）及“幀”（Frame）的概念，更易于設(shè)計(jì)師理解；而基于Flex框架來創(chuàng)建的Flash應(yīng)用程序更多是強(qiáng)調(diào)程序性，很少提及“時(shí)間線”與“幀”的概念，更易于程序員理解。其實(shí)Flex應(yīng)用程序一樣也有時(shí)間線，只是這部分由Flex框架隱藏起來了，通常不為大家所熟悉，在默認(rèn)創(chuàng)建Flex程序時(shí)，這一切Flex已幫我們完成了，但了解這部分內(nèi)容更有助于大家對Flex應(yīng)用程序的啟動有更深刻的認(rèn)識，以便能對程序更靈活的控制與發(fā)揮~~

我們來看看上面這幅示意圖，F(xiàn)lex應(yīng)用程序共由兩幀組成，第1幀為preloader部分，第2幀為主應(yīng)用程序部分，此兩部分由Flex應(yīng)用程序的根SystemManager統(tǒng)管，SystemManager是flash.display.MovieClip的子類，影片剪輯（movieclip）支持幀。由于swf屬于一種漸進(jìn)式（progressive）下載的格式，正是由于swf格式這個(gè)特性，F(xiàn)lashPlayer并不需要等待整個(gè)程序下載完成便可直接訪問已載入幀的內(nèi)容，因此***幀通常用來作為應(yīng)用程序載入時(shí)的loading畫面顯示，一般來說，***幀包含的內(nèi)容應(yīng)該盡可能的少（在***幀中盡量不要含有Flex框架的組件），以便能很快的下載并立即顯示；第二幀才是主應(yīng)用程序真正的內(nèi)容，一旦SystemManager實(shí)例進(jìn)入到第二幀后，即開始內(nèi)部主應(yīng)用程序運(yùn)行的生命周期（lifecycle），也就是進(jìn)入我們最為熟悉的<mx:Application>運(yùn)行的部分（SystemManger實(shí)例有一application的屬性，在第1幀時(shí)，此屬性為null，當(dāng)進(jìn)入到第2幀時(shí)，該屬性才指向真正的主程序application實(shí)例）

◆注：幀是時(shí)間線的一個(gè)基本單元，如PAL電視制式，每秒25幀；而電影通常為每秒24幀，其實(shí)和我們這里講的Flash中的幀類似的概念記住我們開始所說的，F(xiàn)lex應(yīng)用程序總的來說是以事件驅(qū)動的程序。
在程序進(jìn)入第2幀，主程序application開始運(yùn)行后，便會相應(yīng)的觸發(fā)相應(yīng)的一系列事件，按事件發(fā)生的先后順序依次來介紹：

preinitialize

應(yīng)用程序application已實(shí)例化，但此時(shí)還未創(chuàng)建任何相關(guān)的孩子組件（childcomponen）

initialize

此時(shí)，創(chuàng)建了相應(yīng)的孩子組件，但還未對這些子組件進(jìn)行布局

creationComplete

應(yīng)用程序application完成全部實(shí)例化，并完成所有子組件的布局

apllicationComplete

◆上面三處事件的完成，表明application內(nèi)部啟動的整個(gè)進(jìn)程完成，接下來便會通知SystemManager派發(fā)applicationComplete事件。此時(shí)，啟動程序啟動完成并準(zhǔn)備運(yùn)行。
運(yùn)行下面這個(gè)小程序，再次理解這幾次事件，注意：由于在preinitialize事件產(chǎn)生時(shí)，此時(shí)還未創(chuàng)建任何子組件，故在此事件的處理函數(shù)中，不能直接將相應(yīng)顯示的字符串賦給TextArea組件顯示。 

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" 
preinitialize="preinitHandler()" 
initialize="initHandler()" 
creationComplete="creationComHandler()" 
applicationComplete="appComHandler()"viewSourceURL="srcview/index.html"> 
<mx:Script> 
<![CDATA[  
privatevarpreTxt:String;  
 
privatefunctionpreinitHandler():void{  
preTxt="preinitializecompleted."+"\n";  
}  
 
privatefunctioninitHandler():void{  
vartxt:String="initializecompleted."+"\n";  
txtArea.text=preTxt+txt;  
}  
 
privatefunctioncreationComHandler():void{  
vartxt:String="creationCompletecompleted."+"\n";  
txtArea.text+=txt;  
}  
 
privatefunctionappComHandler():void{  
vartxt:String="applicationCompletecompleted."+"\n";  
txtArea.text+=txt;  
}  
]]> 
</mx:Script> 
<mx:TextAreaidmx:TextAreaid="txtArea"height="183"width="189" 
horizontalCenter="0"top="37"/> 
<mx:Labelymx:Labely="228"text="Flex應(yīng)用程序啟動之事件產(chǎn)生"fontSize="12"horizontalCenter="0"/> 
 
</mx:Application> 

【編輯推薦】

1. 深入探究Flex應(yīng)用程序使用
2. FlexBuilder4十大新特性閃亮登場
3. 全面認(rèn)識Flex應(yīng)用程序模型
4. 探討Flex設(shè)計(jì)理念 如何為Flex應(yīng)用程序設(shè)計(jì)界面布局
5. 技術(shù)分享 在Flex中嵌入Flex字體的步驟