剛剛接觸Flex。

先談?wù)凢lex的什么什么

動(dòng)手寫過的只有兩種文件: .mxml文件和.as文件。
接觸到的代碼也只有兩種: 帶<>的標(biāo)簽，和ActionScript代碼。

Flex應(yīng)用中最終將會(huì)生成一個(gè)個(gè).swf文件。我們通過瀏覽器瀏覽到的某個(gè).html頁面，其實(shí)真正運(yùn)行的是那個(gè).swf文件。而這個(gè).swf文件是用ActionScript腳本寫出來的，中間怎么編譯或者解析的，不去理它。ActionScript大概是Flash設(shè)計(jì)者比較熟悉的一種腳本語言，我以前是沒有接觸過。畢竟flash設(shè)計(jì)和web之開發(fā)之間還是有很多不同的。為了讓web開發(fā)人員更容易應(yīng)用ActionScript做開發(fā)，于是.mxml產(chǎn)生了。
.mxml文件到底是什么文件我也不清楚，只知道.mxml文件中使用<>標(biāo)簽，應(yīng)用大量的<>標(biāo)簽封裝了很多組件。這些組件完全是用ActionScript寫出來的，只不過做了一層封裝，我們可以直接拿來主義。這很象jsp標(biāo)簽，最終還是將被解析成java代碼，同樣，.mxml中的標(biāo)簽最終也將會(huì)被解析成ActionScript代碼。所以我想，一個(gè)ActionScript高手，完全可以不用寫.mxml文件就能完成Flex項(xiàng)目，當(dāng)然，一個(gè)web開發(fā)人員絕不會(huì)這樣去做，當(dāng)然是選擇使用封裝好的組件，這樣代碼工整，結(jié)構(gòu)清晰，書寫方便。

.as和.mxml

如果理解到這里，對(duì)于Flex中的以下一些寫法也就會(huì)明白了。
可以寫一個(gè).as文件創(chuàng)建一個(gè)自定義的組件。（然后可以拿到.mxml中象應(yīng)用其他組件一樣去應(yīng)用）
可以在.mxml文件中嵌套ActionScript代碼。(<mx:Script>組件已經(jīng)封裝好了)

.as文件里面寫的就是ActionScript代碼，ActionScript是一種比較強(qiáng)大的面向?qū)ο蟮哪_本語言，語法和JAVA和象。我們既可以在.as文件中定義我們需要用到的自定義的組件，也可以寫一些對(duì)數(shù)據(jù)對(duì)組件的邏輯操作。.as文件就相當(dāng)J2EE中的.class文 件，作為source被應(yīng)用，這里可以封裝對(duì)象也可以封裝事件，此時(shí)actionscript和java在j2ee中扮演的角色很相像。

.mxml 定義了“頁面”的布局，也就是各個(gè)組件怎么擺放，以及組件的一些邏輯。那.mxml文件就相當(dāng)于表現(xiàn)層的實(shí)現(xiàn)。而在.mxml中也會(huì)用<mx: scirpt>標(biāo)簽引入一些邏輯操作，此時(shí)的actioncript又跟javascript所扮演的角色很相象。

.as和.mxml給我的感覺就象是一種語言的兩種寫法。不同的寫法有不同的側(cè)重點(diǎn)。
.mxml更側(cè)重于表現(xiàn)形式，而.as更側(cè)重于整體與邏輯。二者關(guān)系密切。
比如說一個(gè)自定義組件MyCanvas
<mx:Canvas >
<mx:Lable id="lab"></mx:Label>
</mx:Canvas >
編繹時(shí)可能就變成了
public class MyCanvas extends Canvas{
  public var lab: Label;
  puiblic function MyCanvas(){
      lab = new Label();
      this.addChild(lab);
  }
}

事件機(jī)制

個(gè)人感覺Flex中的事件機(jī)制是Flex框架中比較重要的地方，雖然在我的項(xiàng)目中幾乎用不到。
比如我有一個(gè)自定義的組件MyComponent，在.mxml中應(yīng)用如下：
<cmn:MyComponent click="myFunction()"></cmn:MyComponent>
cmn相當(dāng)于是一個(gè)名域，不用管它。如上寫法，很象javascript中的onclick（也許就是一樣，沒研究過）。上面這段代碼相當(dāng)于實(shí)例化了一個(gè)MyComponent組件。click是事件的一個(gè)實(shí)例，其實(shí)它是MouseEvent的一個(gè)實(shí)例。當(dāng)組件被創(chuàng)建之后，它就相當(dāng)于又開辟了一個(gè)線程時(shí)刻捕獲MouseEvent，（Flex中沒有線程的概念，這里只是比喻。）當(dāng)MyComponent中拋出MouseEvent事件時(shí)，這里的“拋出”實(shí)際上是一個(gè)分發(fā)的動(dòng)作，代碼如同dispathEvent(new MouseEvent())，click就會(huì)被觸發(fā)，myFunction（）就會(huì)被執(zhí)行。
換一種想法，click="myFunction()"就相當(dāng)于是添加了一個(gè)監(jiān)聽器，而實(shí)際上Flex中確實(shí)是有監(jiān)聽器的，所以，上面那段代碼也可以用監(jiān)聽器的方式來實(shí)現(xiàn)，比如：
<cmn:MyComponent id="mc" creationComplete="init()"></cmn:MyComponent>
<mx:Script>
  <![CDATA[
    private function init():void{
      mc.addEventListener("click",myFuntion);
    }
  ]]>
</mx:Script>

綁定機(jī)制

綁定機(jī)制也是Flex的一大重點(diǎn)。它其實(shí)就是事件機(jī)制的應(yīng)用。
綁定的作用在于，將Flex中的變量，類或者方法等與組件的值進(jìn)行綁定，例如，一個(gè)變量被綁定之后，那么引用該變量的組件的相關(guān)屬性頁會(huì)發(fā)生改變。綁定后的變量就相當(dāng)于指向同一個(gè)變量的兩個(gè)引用，又好比是在java的類中定義一個(gè)static變量，在一個(gè)類中改變它的值，在所有類中的該值都會(huì)變化，因?yàn)槎际峭粋€(gè)對(duì)象嘛。
綁定的形式我現(xiàn)在接觸過的如：
[Bindable]
public var blogName : String = "realsmy";
在.mxml中用<mx:Label text="{blogName}"></mx:Label>表現(xiàn)。
或者
<mx:Binding source="mylabel.text" destination="blogName" />

狀態(tài)

Flex中用state來表示不同的狀態(tài)。比較經(jīng)典的例子還是官方的。

下周Flex的項(xiàng)目開啟了，我的任務(wù)并不重，只有一個(gè)頁面幾個(gè)機(jī)能。更多的時(shí)間可能要用在設(shè)計(jì)和寫文檔上，沒辦法，這就是外包。所以我也經(jīng)常想，做外包的是不是不需要把技術(shù)研究得太深太透徹啊？呵呵，每個(gè)人都不一樣吧....

歡迎來訪！^.^!
本BLOG僅用于個(gè)人學(xué)習(xí)交流!
目的在于記錄個(gè)人成長.
所有文字均屬于個(gè)人理解.
如有錯(cuò)誤，望多多指教！不勝感激！