自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

專家推薦 經(jīng)典Flex學(xué)習(xí)入門教程

開(kāi)發(fā) 后端
本文向大家介紹一下Flex學(xué)習(xí)中一些基礎(chǔ)的知識(shí),希望對(duì)此感興趣的朋友一起來(lái)分享,F(xiàn)lex是一個(gè)提供開(kāi)發(fā)設(shè)計(jì)和運(yùn)行支持的架構(gòu)。

本文和大家重點(diǎn)討論一下Flex學(xué)習(xí)過(guò)程中的一些基礎(chǔ)知識(shí),通過(guò)本文的學(xué)習(xí),你可以創(chuàng)建你的第一個(gè)Flex應(yīng)用程序,并將它與你以前所熟悉的Web開(kāi)發(fā)技術(shù)進(jìn)行比較,以領(lǐng)會(huì)Flex的內(nèi)涵和精髓。

Flex是如何工作的

該部分文檔的內(nèi)容是為用戶提供關(guān)于Adobe?Flex工作機(jī)制的一個(gè)快速綜述。通過(guò)本章節(jié)的學(xué)習(xí),你可以創(chuàng)建你的第一個(gè)Flex應(yīng)用程序,并將它與你以前所熟悉的Web開(kāi)發(fā)技術(shù)進(jìn)行比較,以領(lǐng)會(huì)Flex的內(nèi)涵和精髓。

Flex學(xué)習(xí)第一節(jié):構(gòu)建并運(yùn)行Flex應(yīng)用程序

Flex是一個(gè)提供開(kāi)發(fā)設(shè)計(jì)和運(yùn)行支持的架構(gòu),它可以使開(kāi)發(fā)人員創(chuàng)建利用Adobe?
Flash?Player9作為前臺(tái)的“富客戶端互聯(lián)網(wǎng)應(yīng)用程序/richInternetapplications/RIA”,以滿足用戶更為直觀和極具交互性的在線體驗(yàn)。

◆開(kāi)發(fā)Flex應(yīng)用程序的典型步驟如下(通常是這樣):

1.選取一系列預(yù)先定制好的、用于設(shè)計(jì)應(yīng)用程序界面的組件(如表格、按鈕等等)
2.布置組件以設(shè)計(jì)用戶界面。
3.使用樣式和主題來(lái)增強(qiáng)視覺(jué)方面的設(shè)計(jì)。
4.添加動(dòng)態(tài)行為(例如程序部件之間的相互作用)。
5.定義并連接所需的數(shù)據(jù)庫(kù)服務(wù)。
6.將源代碼編譯成SWF文件,然后在FlashPlayer中運(yùn)行。

◆Flex學(xué)習(xí)手冊(cè)中一個(gè)典型的Flex應(yīng)用程序包括如下元素:

1.Flexframework

Adobe?Flex2framework包含了創(chuàng)建RIA所需要的所有組件,它們是:用于應(yīng)用程序布局規(guī)劃的容器;針對(duì)用戶界面和從用戶處獲取數(shù)據(jù)的控制(例如文本框和按鈕);廣泛支持的數(shù)據(jù)綁定、數(shù)據(jù)格式化、以及有效值驗(yàn)證;事件驅(qū)動(dòng)的開(kāi)發(fā)模式。Flexframework被包含在公用組件庫(kù)(SWC)文件中。

2.MXML

每個(gè)Flex應(yīng)用程序至少包含有一個(gè)MXML文件,它被作為該程序的主文件。MXML是一種標(biāo)記語(yǔ)言,它是基于XML的一種實(shí)現(xiàn),用來(lái)創(chuàng)建Flex應(yīng)用程序。你可以使用它去聲明程序中所使用的標(biāo)簽結(jié)構(gòu)的定義。

3.ActionScript3.0

你可以使用ActionScript3.0為應(yīng)用程序添加動(dòng)態(tài)行為,它是基于ECMAScript的一種實(shí)現(xiàn),類似于JavaScript。你可以將ActionScript作為一個(gè)腳本塊,在MXML文件中直接進(jìn)行添加;或者創(chuàng)建一個(gè)單獨(dú)的ActionScript文件,然后將它們導(dǎo)入到MXML文件中。

4.CSS

你可以通過(guò)設(shè)置組件的屬性(properties)來(lái)改變組件(按鈕、列表框等)的視覺(jué)樣式。
例如,按鈕組件有一個(gè)fontFamily屬性,你可以使用它來(lái)進(jìn)行字體的設(shè)置。樣式的屬性通常有四種方法來(lái)進(jìn)行控制:通過(guò)主題(theme);在CSS文件中進(jìn)行定義;在MXML文件中的樣式塊中進(jìn)行定義;在組件的實(shí)例中進(jìn)行設(shè)置。

5.圖形資源

與很多應(yīng)用程序一樣,F(xiàn)lex包含了各種各樣的圖形資源,如圖標(biāo)和圖象。

6.數(shù)據(jù)

一些組件被使用來(lái)進(jìn)行數(shù)據(jù)顯示(combobox或者datagrid)的工作。同時(shí),你還可以使用各種方式來(lái)將這些組件與數(shù)據(jù)聯(lián)系起來(lái),如使用數(shù)組、收集對(duì)象、數(shù)據(jù)模型、以及外部XML數(shù)據(jù)資源,等等。

Flex應(yīng)用程序是如何編譯和發(fā)布的:

所有的元素都被編譯或連接到你的Flex應(yīng)用程序中。Flex應(yīng)用程序被編譯成一個(gè)SWF文件,然后在FlashPlayer下運(yùn)行。當(dāng)一個(gè)源代碼被編譯時(shí),它就被轉(zhuǎn)換成ActionScript類(譯者注:這正是Flex精髓的地方之一,即提供從MXML到ActionScript的轉(zhuǎn)換),并與圖形和其它資源合并到SWF文件里。在運(yùn)行時(shí),SWF文件與所需的外部庫(kù)、服務(wù)和數(shù)據(jù)源進(jìn)行交互。

一般的Flex應(yīng)用程序并不需要服務(wù)器端所提供的支持。因此,你可以在你的本地計(jì)算機(jī)上編譯它們,然后在Web服務(wù)的HTML頁(yè)面中發(fā)布給你的用戶。
當(dāng)然,你還可以將Flex與Adobe?FlexDataServices2、ColdFusionFlashRemotingService、或者其它Java和J2EEService服務(wù)器技術(shù)結(jié)合起來(lái),進(jìn)行B/S結(jié)構(gòu)的網(wǎng)絡(luò)應(yīng)用程
序的開(kāi)發(fā)。

MXML:一切開(kāi)始的地方

你可以在MXML中使用Flex所提供的組件來(lái)定義用戶界面。這里有一個(gè)主MXML程序文件的例子:

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> 
  3. <mx:Panel> 
  4. <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"/> 
  5. <mx:Buttonlabelmx:Buttonlabel="Close"/> 
  6. </mx:Panel> 
  7. </mx:Application> 

如果你對(duì)XML已經(jīng)很熟悉了,就能一眼識(shí)別出這個(gè)例子的格式。MXML代碼的頭兩行包含了版本號(hào)、編碼、以及命名空間的信息,文檔的主體包含的是程序的具體內(nèi)容。
Flex應(yīng)用程序所有的具體內(nèi)容都被放在<mx:Application>標(biāo)簽對(duì)中。同時(shí),你還可以在父標(biāo)簽對(duì)中嵌套其它的子標(biāo)簽對(duì)(譯者注:反正標(biāo)簽是成對(duì)出現(xiàn)的,這點(diǎn)一定要記?。?br /> 該例子創(chuàng)建了一個(gè)簡(jiǎn)單的程序,它在屏幕上顯示“SayhellotoFlex!”的文字。在該程序中,聲明了TextArea和Button組件,并設(shè)置了它們相應(yīng)的text和label屬性。

備注:在MXML文件中的每個(gè)標(biāo)簽都有前綴mx,它是Flex的設(shè)計(jì)命名空間。#p#

Flex學(xué)習(xí)第二節(jié):連接數(shù)據(jù)

請(qǐng)記住,在Flex應(yīng)用程序中對(duì)數(shù)據(jù)的操作最重要的事情是:Flex應(yīng)用程序并不直接與一個(gè)數(shù)據(jù)庫(kù)進(jìn)行連接。因此,Adobe?FlexBuilder2沒(méi)有提供直接連接數(shù)據(jù)的工具。你可以通過(guò)使用MXML和ActionScript代碼來(lái)操作和管理數(shù)據(jù)。

在Flex中,你可以使用幾種方法去操縱和管理數(shù)據(jù),它們大多數(shù)相關(guān)的內(nèi)容已經(jīng)超出了在這里進(jìn)行簡(jiǎn)要介紹的范圍(更多的信息,請(qǐng)查看后面的章節(jié))。不管怎樣,請(qǐng)想象一種可以連接外部數(shù)據(jù)的方法,隨后的例子將演示與XML結(jié)構(gòu)的數(shù)據(jù)進(jìn)行連接。

數(shù)據(jù)的生成
因?yàn)镕lex應(yīng)用程序并不直接與一個(gè)數(shù)據(jù)庫(kù)進(jìn)行連接,所以你需要使用某種類型的服務(wù)來(lái)支持對(duì)數(shù)據(jù)的使用。在隨后的例子中,將使用HTTPService組件從PHP所產(chǎn)生的一個(gè)XML文件中獲取數(shù)據(jù)。

連接數(shù)據(jù)庫(kù)的第一步是生成將在Flex程序中使用到的數(shù)據(jù)。在與PHP的應(yīng)用中,你將采用如下的步驟:

1.創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)(如MySQL)。

2.編寫一個(gè)PHP腳本連接MySQL數(shù)據(jù)庫(kù)并生成XML格式的數(shù)據(jù)。
這些步驟同樣適合于在其它工作平臺(tái)上生成的數(shù)據(jù)(如ASP.NET、JSP等)。

◆連接外部數(shù)據(jù)源

對(duì)于PHP所生成的XML格式數(shù)據(jù),你可以使用HTTPService組件來(lái)請(qǐng)求獲取數(shù)據(jù),就象這樣:

  1. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> 
  2.  
  3. <mx:HTTPService 
  4. id="productsRequest" 
  5. url="http://www.somesite.com/products.php"/> 
  6. ...  
  7.  

 

HTTPService組件定義了一個(gè)請(qǐng)求ID,你將使用這個(gè)ID來(lái)控制提供數(shù)據(jù)的URL或者服務(wù)器與數(shù)據(jù)之間的綁定。

◆外部數(shù)據(jù)與數(shù)據(jù)驅(qū)動(dòng)控制的綁定

通過(guò)數(shù)據(jù)與數(shù)據(jù)驅(qū)動(dòng)控制(data-drivencontrol)的綁定,你就可以處理HTTPService的結(jié)果(XML數(shù)據(jù)),就象這樣:

 

  1. <mx:DataGridxmx:DataGridx="20"y="80"id="productGrid"width="400"  
  2. dataProvider="{productRequest.lastResult.products.items}"> 
  3. <mx:columns> 
  4. <mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="Name"dataField="name"/> 
  5. <mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="Price"dataField="price"/> 
  6. </mx:columns> 
  7. </mx:DataGrid> 
  8.  

 

數(shù)據(jù)綁定的語(yǔ)法顯示在數(shù)據(jù)控制的dataProvider屬性中(在波浪形的括號(hào)里),它包含了HTTPService請(qǐng)求ID、lastResult方法、以及XML文件的數(shù)據(jù)結(jié)構(gòu)。在這個(gè)例子中,XML數(shù)據(jù)源的數(shù)據(jù)結(jié)構(gòu)看起來(lái)就象這樣:

  1. <XML> 
  2. <products> 
  3. <item> 
  4. <name>MobilePhone</name> 
  5. <price>$199</price> 
  6. </item> 
  7. <item> 
  8. <name>CarCharger</name> 
  9. <price>$34</price> 
  10. </item> 
  11. ...  
  12.  

 

通過(guò)設(shè)置dataField屬性,項(xiàng)目數(shù)據(jù)(name和price)作為數(shù)據(jù)柵格中每一列的數(shù)據(jù)。

◆在運(yùn)行時(shí)加載數(shù)據(jù)

你還可以在Flex程序開(kāi)始運(yùn)行時(shí)加載數(shù)據(jù),就象隨后所示,在HTTPService中向某個(gè)特定的URL發(fā)送一個(gè)請(qǐng)求:

 

  1. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  2.  
  3. layout="absolute"creationComplete="productsRequest.send()"> 
  4.  

 

當(dāng)你將creationComplete方法添加到應(yīng)用程序標(biāo)簽里后,數(shù)據(jù)會(huì)在運(yùn)行時(shí)進(jìn)行加載并交于數(shù)據(jù)驅(qū)動(dòng)控制(在這個(gè)例子中是數(shù)據(jù)柵格)。
你還可以將HTTPService請(qǐng)求添加到一個(gè)控制事件上而不是程序里的標(biāo)簽中,就象如下所示:

 

  1. <mx:Buttonxmx:Buttonx="50"y="8"label="GetData" 
  2. click="productsRequest.send();"/> 

Flex提供許多方法去連接、管理、格式化、以及校驗(yàn)數(shù)據(jù)。你可以通過(guò)使用遠(yuǎn)程程序調(diào)用、數(shù)據(jù)服務(wù)、或者其它企業(yè)級(jí)技術(shù)來(lái)操縱和管理數(shù)據(jù)。#p#

Flex學(xué)習(xí)第三節(jié):關(guān)于FlashPlayer安全性方面的問(wèn)題

出于安全方面的考慮,在客戶端的FlashPlayer中運(yùn)行的應(yīng)用程序,只有在滿足如下條件之一的情況時(shí)才能訪問(wèn)遠(yuǎn)程的數(shù)據(jù)源:

1.應(yīng)用程序所編譯的SWF文件與遠(yuǎn)程數(shù)據(jù)源位于同一個(gè)域中。

2.使用代理(proxy),并且你的SWF文件位于和代理相同的服務(wù)器上。AdobeFlexDataServices為Flex應(yīng)用程序提供了一個(gè)完整的代理管理系統(tǒng)。同時(shí),你還可以通過(guò)使用一種web腳本語(yǔ)言,如ColdFusion、JSP、PHP或者ASP來(lái)創(chuàng)建一個(gè)簡(jiǎn)單的代理服務(wù)。

3.安裝crossdomain.xml(跨域策略/cross-domainpolicy)文件在數(shù)據(jù)源的宿主Web服務(wù)器上。crossdomain.xml文件允許位于其它域中的SWF文件對(duì)數(shù)據(jù)源的訪問(wèn)。

第四節(jié)為Flex應(yīng)用程序設(shè)計(jì)界面布局

讓我們來(lái)詳細(xì)分析一下前面那個(gè)“SayHellotoFlex“的簡(jiǎn)單例子,你可以通過(guò)設(shè)置組件的屬性值來(lái)控制Flex應(yīng)用程序的界面布局,就象如下所示:

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  3.  
  4. layout="absolute"> 
  5. <mx:Panellayoutmx:Panellayout="absolute"width="80%"height="80%"> 
  6. <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"top="10"bottom="70"left="10"  
  7. right="30"/> 
  8. <mx:Buttonlabelmx:Buttonlabel="Close"right="30"bottom="40"/> 
  9. </mx:Panel> 
  10. </mx:Application> 
  11.  

許多容器組件都允許以絕對(duì)坐標(biāo)的方式創(chuàng)建布局,這就意義著你可以使用精確的x和y的坐標(biāo)來(lái)放置組件。你還可以對(duì)應(yīng)其父容器的相對(duì)位置來(lái)放置組件并約束它們,使它們?cè)趹?yīng)用程序的界面放大或縮小時(shí)仍然保持其彼此的位置。

在這個(gè)例子中,面板/Panel組件的布局屬性被設(shè)置為絕對(duì)值方式,同時(shí)所有容器的大小都被設(shè)置為應(yīng)用程序的百分之八十。兩個(gè)組件(TextArea和Button)被放置到距離面板容器邊界的特定象素位置上。

◆使用風(fēng)格和主題增強(qiáng)視覺(jué)方面的設(shè)計(jì)

如果樣式/style的屬性值沒(méi)有被指定,它們將由整個(gè)程序中運(yùn)行的主題/theme來(lái)進(jìn)行控制。在默認(rèn)情況下,F(xiàn)lex應(yīng)用程序使用Halo主題(就象上面那個(gè)例子那樣)。當(dāng)然,你可以修改默認(rèn)的主題或者干脆自己創(chuàng)建一個(gè)。你還可以簡(jiǎn)單地指定新的樣式定義來(lái)改變默認(rèn)的主題樣式,就象這樣:
 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  3.  
  4. layout="absolute"> 
  5.  
  6. <mx:Style> 
  7. TextArea{  
  8. font-size:36px;  
  9. font-weight:bold;  
  10. }  
  11. </mx:Style> 
  12.  
  13. <mx:Panellayoutmx:Panellayout="absolute"width="80%"height="80%" 
  14. x="122"y="24"> 
  15. <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"top="10"bottom="70"
  16. left="10"right="30"/> 
  17.  
  18. <mx:Buttonlabelmx:Buttonlabel="Close"right="30"bottom="40"/> 
  19. </mx:Panel> 
  20. </mx:Application> 


通過(guò)明確地為TextArea組件定義一個(gè)樣式,應(yīng)用程序現(xiàn)在看起來(lái)就會(huì)象這樣了:

在這個(gè)例子中,一種新樣式在MXML文件中的<mx:Style>標(biāo)簽里進(jìn)行了定義。如同我們前面所提到過(guò)的,你還可以通過(guò)修改主題或應(yīng)用新主題、使用一個(gè)外部CSS文件、或者設(shè)置單獨(dú)的樣式屬性來(lái)達(dá)到設(shè)置新樣式的目的。
將一個(gè)樣式單導(dǎo)入到MXML文件中,你需要添加如下的代碼:
 

  1. <mx:Stylesourcemx:Stylesource="styles.css"/> 

#p#Flex學(xué)習(xí)第五節(jié):事件和行為的使用

HTML應(yīng)用程序的原理是由客戶端發(fā)出請(qǐng)求,并從服務(wù)器端得到反應(yīng)。與之不相同的是,F(xiàn)lex應(yīng)用程序是基于事件的/event-based。舉個(gè)例子,當(dāng)用戶單擊一個(gè)按鈕時(shí),便會(huì)觸發(fā)一個(gè)事件。應(yīng)用程序本身,不是指服務(wù)器,包含了識(shí)別事件的邏輯并采取相應(yīng)的行動(dòng)。

◆當(dāng)事件被觸發(fā)時(shí)修改組件的屬性

對(duì)某個(gè)組件以編程方式進(jìn)行操作時(shí),為了對(duì)某個(gè)事件作出反應(yīng),必須首先要引用它,這時(shí)你就需要賦予它一個(gè)ID值,如下所示:
<mx:Panelid="myPanel"layout="absolute"width="80%"height="80%"x="122"y="24">
隨后你就可以將行為/behavior添加到應(yīng)用程序上,當(dāng)某個(gè)事件被觸發(fā)時(shí)改變組件的屬性值,就象這樣:
<mx:Buttonlabel="Close"right="30"bottom="40"click="myPanel.visible=false"/>當(dāng)按鈕被單擊時(shí),面板的可見(jiàn)屬性值被設(shè)置為false。

◆使用ActionScript功能函數(shù)

你也可以通過(guò)編寫ActionScript功能函數(shù),并在事件中調(diào)用它來(lái)達(dá)到相同的目的,在這種情況下,按鈕組件的單擊事件如下所示:
 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  3.  
  4. layout="absolute"> 
  5. <mx:Stylesourcemx:Stylesource="styles.css"/> 
  6.  
  7. <mx:Script> 
  8. <![CDATA[  
  9. publicfunctionclose():void{  
  10. myPanel.visible=false;  
  11. }  
  12. ]]> 
  13. </mx:Script> 
  14.  
  15. <mx:Panelidmx:Panelid="myPanel"layout="absolute"width="80%" 
  16.  
  17. height="80%"x="122"y="24"> 
  18. <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"top="10"bottom="70" 
  19.  
  20. left="10"right="30"/> 
  21. <mx:Buttonlabelmx:Buttonlabel="Close"right="30"bottom="40"click="close();"/> 
  22. </mx:Panel> 
  23. </mx:Application> 

ActionScript功能函數(shù)是在MXML文件里的<mx:Script>塊中進(jìn)行定義的,然后引用到按鈕的單擊事件上。

◆單獨(dú)的ActionScript代碼

為了從MXML文件中更好地分離出ActionScript代碼,你可以將它們放到單獨(dú)的ActionScript文件中而不是作為函數(shù),然后再將它們導(dǎo)入到MXML文件里,如下所示:

  1. <mx:Scriptsourcemx:Scriptsource="myFunctions.as"/> 

◆運(yùn)用行為和變換增強(qiáng)豐富的視覺(jué)互動(dòng)性

Flex應(yīng)用程序是事件驅(qū)動(dòng)的,這就意味著你可以在程序運(yùn)行時(shí)使用事件去添加豐富的視覺(jué)互動(dòng)性。為了實(shí)現(xiàn)它,你使用了一個(gè)事件觸發(fā)器,用其來(lái)描述一個(gè)行為。
在前面的例子中,面板組件的visible屬性值被設(shè)置為false因而不可見(jiàn)。你還可以通過(guò)使用行為來(lái)制造出更強(qiáng)的視覺(jué)效果。
下面的例子創(chuàng)建了一個(gè)行為,該行為首先創(chuàng)建好一種效果,然后把它綁定到組件的hideEffect屬性上(觸發(fā)器):
 

  1. <mx:Fadeidmx:Fadeid="myFade"/> 
  2. <mx:Panelidmx:Panelid="myPanel"layout="absolute"  
  3.  
  4. width="80%"height="80%"  
  5. hideEffect="{myFade}"> 

當(dāng)關(guān)閉按鈕被單擊時(shí),面板組件淡出而不是消失。
觸發(fā)器和效果還可以組合到更為復(fù)雜的行為中,其被稱之為變換/transitions。#p#

Flex學(xué)習(xí)第六節(jié):在應(yīng)用程序中添加多態(tài)頁(yè)面

有幾種方法在一個(gè)Flex應(yīng)用程序中創(chuàng)建多態(tài)頁(yè)面。你可以使用ViewStack組件、創(chuàng)建單獨(dú)的MXML文件、或者使用視圖狀態(tài)。視圖狀態(tài)可以被看作是一個(gè)組件或組件群構(gòu)成的預(yù)定義的用戶界面布局。你可以使用視圖狀態(tài)為程序表現(xiàn)出不同的視覺(jué)效果。每一種視圖狀態(tài)都是基于一種基礎(chǔ)的狀態(tài),并進(jìn)行繼承和擴(kuò)展。
在隨后的例子中,當(dāng)用戶在組件上滾動(dòng)鼠標(biāo)時(shí),基礎(chǔ)狀態(tài)發(fā)生變化。

當(dāng)一個(gè)視圖狀態(tài)被調(diào)用時(shí)(通過(guò)用戶的鼠標(biāo)在組件上滾動(dòng)時(shí)產(chǎn)生的事件),一種效果(或一種變換)改變了用戶界面的外觀。
使用視圖狀態(tài)方式、ViewStack方式還是MXML文件方式,取決于你想從一個(gè)頁(yè)面到另一個(gè)頁(yè)面進(jìn)行變化的范圍、用戶界面的復(fù)雜性、以及實(shí)現(xiàn)Flex程序的構(gòu)架。

Flex學(xué)習(xí)第七節(jié):開(kāi)始使用Flex

現(xiàn)在,想必你對(duì)Flex的概念有了一個(gè)基礎(chǔ)的認(rèn)識(shí),讓我們開(kāi)始創(chuàng)建Flex應(yīng)用程序吧。

◆使用FlexBuilder

通過(guò)使用新項(xiàng)目向?qū)?NewFlexProjectWizard創(chuàng)建一個(gè)Flex項(xiàng)目(File>New>FlexProject)。設(shè)計(jì),編譯,以及調(diào)試Flex應(yīng)用程序所需的所有工具,都被包括在FlexBuilder中了。

◆使用FlexSDK

創(chuàng)建一個(gè)文件名后綴為MXML的文本文件,在其中添加MXML文件的基本元素(上述例子中的頭兩行代碼),然后使用文檔資料(特別是AdobeFlex2LanguageReference)去研究各種組件的用法。編譯和調(diào)試工具是以命令行的方法提供的。
 

【編輯推薦】

  1. Flex學(xué)習(xí)手冊(cè)新手必備
  2. 從Flex Builder更名看Flash平臺(tái)戰(zhàn)略
  3. Flex及FlexBuilder2.0開(kāi)發(fā)環(huán)境詳解
  4. FlexBuilder3.0與Eclipse3.4的完美結(jié)合
  5. 學(xué)習(xí)筆記 FlexBuilder2.0中如何使用基于Lists的控件 

 

 

責(zé)任編輯:佚名 來(lái)源: csdn.net
相關(guān)推薦

2010-08-03 14:37:30

Flex入門教程

2010-07-20 16:19:54

Perl

2010-08-03 13:06:15

Flex Builde

2010-06-07 17:24:44

UML

2010-07-30 15:18:26

Flex

2010-08-11 11:31:49

2010-07-27 15:53:15

2010-05-21 12:50:45

Subversion快

2010-06-29 13:45:50

UML類圖教程

2010-08-02 09:36:22

Flex

2010-05-27 17:27:45

Subversion快

2011-09-02 10:59:10

jQuery Mobi

2010-07-23 12:23:49

Perl基礎(chǔ)

2010-07-20 13:19:16

Perl入門手冊(cè)

2010-08-09 09:14:37

Flex代碼格式化

2014-04-21 11:08:47

Linux學(xué)習(xí)Linux入門教程

2013-08-29 14:12:52

Storm分布式實(shí)時(shí)計(jì)算

2009-07-08 15:12:48

Java Servle

2014-05-26 15:35:55

Web組件Web Compone

2011-05-31 15:06:57

.NET
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)