剛剛接觸Flex。
先談談Flex的什么什么
動手寫過的只有兩種文件: .mxml文件和.as文件。
接觸到的代碼也只有兩種: 帶<>的標簽，和ActionScript代碼。
Flex應用中最終將會生成一個個.swf文件。我們通過瀏覽器瀏覽到的某個.html頁面，其實真正運行的是那個.swf文件。而這個.swf文件是用ActionScript腳本寫出來的，中間怎么編譯或者解析的，不去理它。ActionScript大概是Flash設計者比較熟悉的一種腳本語言，我以前是沒有接觸過。畢竟flash設計和web之開發之間還是有很多不同的。為了讓web開發人員更容易應用ActionScript做開發，于是.mxml產生了。
.mxml文件到底是什么文件我也不清楚，只知道.mxml文件中使用<>標簽，應用大量的<>標簽封裝了很多組件。這些組件完全是用ActionScript寫出來的，只不過做了一層封裝，我們可以直接拿來主義。這很象jsp標簽，最終還是將被解析成java代碼，同樣，.mxml中的標簽最終也將會被解析成ActionScript代碼。所以我想，一個ActionScript高手，完全可以不用寫.mxml文件就能完成Flex項目，當然，一個web開發人員絕不會這樣去做，當然是選擇使用封裝好的組件，這樣代碼工整，結構清晰，書寫方便。
.as和.mxml
如果理解到這里，對于Flex中的以下一些寫法也就會明白了。
可以寫一個.as文件創建一個自定義的組件。（然后可以拿到.mxml中象應用其他組件一樣去應用）
可以在.mxml文件中嵌套ActionScript代碼。(<mx:Script>組件已經封裝好了)
.as文件里面寫的就是ActionScript代碼，ActionScript是一種比較強大的面向對象的腳本語言，語法和JAVA和象。我們既可以在.as文件中定義我們需要用到的自定義的組件，也可以寫一些對數據對組件的邏輯操作。.as文件就相當J2EE中的.class文
件，作為source被應用，這里可以封裝對象也可以封裝事件，此時actionscript和java在j2ee中扮演的角色很相像。
.mxml
定義了“頁面”的布局，也就是各個組件怎么擺放，以及組件的一些邏輯。那.mxml文件就相當于表現層的實現。而在.mxml中也會用<mx:
scirpt>標簽引入一些邏輯操作，此時的actioncript又跟javascript所扮演的角色很相象。
.as和.mxml給我的感覺就象是一種語言的兩種寫法。不同的寫法有不同的側重點。
.mxml更側重于表現形式，而.as更側重于整體與邏輯。二者關系密切。
比如說一個自定義組件MyCanvas
<mx:Canvas >
<mx:Lable id="lab"></mx:Label>
</mx:Canvas >
編繹時可能就變成了
public class MyCanvas extends Canvas{
public var lab: Label;
puiblic function MyCanvas(){
lab = new Label();
this.addChild(lab);
}
}
事件機制
個人感覺Flex中的事件機制是Flex框架中比較重要的地方，雖然在我的項目中幾乎用不到。
比如我有一個自定義的組件MyComponent，在.mxml中應用如下：
<cmn:MyComponent click="myFunction()"></cmn:MyComponent>
cmn相當于是一個名域，不用管它。如上寫法，很象javascript中的onclick（也許就是一樣，沒研究過）。上面這段代碼相當于實例化了一個MyComponent組件。click是事件的一個實例，其實它是MouseEvent的一個實例。當組件被創建之后，它就相當于又開辟了一個線程時刻捕獲MouseEvent，（Flex中沒有線程的概念，這里只是比喻。）當MyComponent中拋出MouseEvent事件時，這里的“拋出”實際上是一個分發的動作，代碼如同dispathEvent(new MouseEvent())
，click就會被觸發，myFunction（）就會被執行。
換一種想法，click="myFunction()"就相當于是添加了一個監聽器，而實際上Flex中確實是有監聽器的，所以，上面那段代碼也可以用監聽器的方式來實現，比如：
<cmn:MyComponent id="mc"
creationComplete="init()"></cmn:MyComponent>
<mx:Script>
<![CDATA[
private function init():void{
mc.addEventListener("click",myFuntion);
}
]]>
</mx:Script>
綁定機制
綁定機制也是Flex的一大重點。它其實就是事件機制的應用。
綁定的作用在于，將Flex中的變量，類或者方法等與組件的值進行綁定，例如，一個變量被綁定之后，那么引用該變量的組件的相關屬性頁會發生改變。綁定后的變量就相當于指向同一個變量的兩個引用，又好比是在java的類中定義一個static變量，在一個類中改變它的值，在所有類中的該值都會變化，因為都是同一個對象嘛。
綁定的形式我現在接觸過的如：
[Bindable]
public var blogName : String = "realsmy";
在.mxml中用<mx:Label text="{blogName}"></mx:Label>表現。
或者
<mx:Binding source="mylabel.text" destination="blogName" />
狀態
Flex中用state來表示不同的狀態。比較經典的例子還是官方的。
<?xml version="1.0" ?>
<!-- Simple example to demonstrate the States class. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<!-- Define one view state, in addition to the base state.-->
<mx:states>
<mx:State name="Register">
<mx:AddChild relativeTo="{loginForm}" position="lastChild">
<mx:target>
<mx:FormItem id="confirm" label="Confirm:">
<mx:TextInput/>
</mx:FormItem>
</mx:target>
</mx:AddChild>
<mx:SetProperty target="{loginPanel}" name="title" value="Register"/>
<mx:SetProperty target="{loginButton}" name="label" value="Register"/>
<mx:SetStyle target="{loginButton}"
name="color" value="blue"/>
<mx:RemoveChild target="{registerLink}"/>
<mx:AddChild relativeTo="{spacer1}" position="before">
<mx:target>
<mx:LinkButton id="loginLink" label="Return to Login" click="currentState=''"/>
</mx:target>
</mx:AddChild>
</mx:State>
</mx:states>
<!-- Define a Panel container that defines the login form.-->
<mx:Panel title="Login" id="loginPanel"
horizontalScrollPolicy="off" verticalScrollPolicy="off"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:Text width="100%" color="blue"
text="Click the 'Need to Register?' link to change state. Click the 'Return to Login' link to return to the base state."/>
<mx:Form id="loginForm" >
<mx:FormItem label="Username:">
<mx:TextInput/>
</mx:FormItem>
<mx:FormItem label="Password:">
<mx:TextInput/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar>
<mx:LinkButton id="registerLink" label="Need to Register?"
click="currentState='Register'"/>
<mx:Spacer width="100%" id="spacer1"/>
<mx:Button label="Login" id="loginButton"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>
下周Flex的項目開啟了，我的任務并不重，只有一個頁面幾個機能。更多的時間可能要用在設計和寫文檔上，沒辦法，這就是外包。所以我也經常想，做外包的是不是不需要把技術研究得太深太透徹啊？呵呵，每個人都不一樣吧....
歡迎來訪！^.^!
本BLOG僅用于個人學習交流!
目的在于記錄個人成長.
所有文字均屬于個人理解.
如有錯誤，望多多指教！不勝感激！