本文和大家重點討論一下Flex3 的一些基本知識，首先看一下Flex3的概念，Flex3是Adobe出品的開發RIA(RichInternetApplications)的工具，希望本文的介紹能讓你有所收穫。
Flex3 學習（簡單教程）
1.什麼是Flex3
Flex3是Adobe出品的開發RIA(RichInternetApplications)的工具，包括：
Flex3SDK（軟體開發包）
-Compiler(編譯器)
-Framework(Flex類庫)
-Debuggingtools(調試工具）
FlexBuilder3
-整合和開發環境
-基於eclipse
和Flex整合的伺服器產品
-LiveCycleDataServices2.51
-ColdFusion8
2.什麼是FlexApplication
用FLASH.swf文件格式封裝的發布在HTML網頁中的應用程式
需要在客戶端安裝FlashPlayer9
開發者可以完全訪問Flash繪畫API
應用程式使用ActionScript3
兼容FlashCS3和ActionScript3編寫的文檔
3.如何創建Flex3應用程式
步驟如下：
◆選取預定義的可視化組件
◆在用戶界面上添加組件
◆使用styles和skins自定義應用程式界面
◆增加事件處理和腳本處理代碼，控制應用程式行為
◆連接數據和通訊服務
◆Build和Run應用程式
4.Flex3的相關資源
http://examples.adobe.com/flex3/componentexplorer/explorer.html
http://www.adobe.com/devnet/flex/
http://flex.org/
5.ActionScript3語言基礎
<mx:script>…</mx:script>
trace（）函數
<![CDATA[…..]]>
package
import
publicprotectedprivateinternal
static
function定義
const
6.ActionScript3語言基礎
extends
interface
字符串
數字計算
數組
類型轉換
7.ActionScript3語言基礎
if
switch
for
for..in
foreach…in
while
do…while
beakcontinue
8.觀察者模式(Observer)
什麼是觀察者模式？
生活中的觀察者模式（好萊塢原則、訂閱報紙、房產中介…）
AS3中事件例子:
button.addEventListener(「click」,onClick);
internalfunctiononClick(evt:MouseEvent):void{
txt.text=「clickabutton!」;
}
9.Flex3事件流
1).捕獲事件（從根節點到子節點，檢測對象是否註冊了監聽器，是則調用監聽函數）
2).目標階段（調用目標對象本身註冊的監聽程序）
3).冒泡階段（從目標節點到根節點，檢測對象是否註冊了監聽器，是則調用監聽函數）
註：事件發生後，每個節點可以有2個機會（2選1）響應事件，默認關閉捕獲階段。
10.IEventDispatcher接口
addEventListener()註冊事件監聽器
removeEventListener()移除事件監聽器
dispatchEvent()派發事件
EventDispatcher類
11.addEventListener
addEvnetListener(type:String,listener:Function,useCapture:Boolean=false,priority:int=0,useWeakReference:Boolean=false)
removeEventListener(type:String,listener:Function,useCapture:Boolean=false)
12.Event對象
Event類作為創建Event對象的基類，當發生事件時，Event對象將作為參數傳遞給事件偵聽器。
MouseEvent
KeyboardEvent
13.如何自定義事件
1).創建自定義事件名稱的Event
dispatchEvent(newEvent(「myEvnet」,true,false);
2).創建自定義事件類
PublicclassMyEventextendsEvent{
….
}
14.Flex3拖曳事件的實現
DragManager(mx.managers)
DragSource
DragEvent
15.什麼是數據綁定
數據綁定：當數據源對象的數據發生變化時，目標對象的數據會自動更新，而不需要我們再編寫代碼去強制更新
綁定實際也是藉助事件機制來完成的，當目標使用了數據綁定的時候，目標對象就會監聽數據源對象的某一固定事件。當數據源發生變化時，數據源會派發改變事件（ChangeEvent），通知目標對象更新數據。這個過程由Flex完成，不用我們手動幹預。
綁定的前提條件：源對象的數據和目標對象的數據格式相同。
16.實現Flex3數據綁定的方法
1).在對象的屬性標籤中,使用{}把數據源直接綁定到對象的某個屬性上。
2).在對象的屬性標籤中,使用{}把某個函數的返回值作為數據源綁定到對象屬性上。
函數的參數要使用[Bindable]綁定符號
[Bindable]
[Bindable(event=「eventname」)]
Event表示當數據源發生變化時，數據源所在對象派發的事件類型，它是可選項，默認的事件名是「propertyChange」，一般情況下只需要使用[Bindable]標籤
17.實現數據綁定的方法
使用<mx:Binding>標籤
- source=「…」destination=「…」
- <mx:Modelidmx:Modelid=「books」>
- <books>
- <book>
- <name>FLEX教程</name>
- <author>張三</name>
- </book>
- <book>
- <name>JAVA高級編程</name>
- <author>李四</name>
- </book>
- </books>
- </mx:Model>
18.Object對象和動態對象
Object對象是一個動態對象
varo:Object=newObject();
o.name=「Jack」;
o.age=20;
o.address=「北京海澱100號」;
Model中的節點數據默認是Object類型，作數據源必須轉換成ObjectProxy類型。
19.數據綁定的幾點說明
[Bindable]標籤用於函數時，只能在setter和getter方式定義的函數前使用。稱為函數級別綁定。
[Bindable]標籤用於公有類時，這個類的所有公有變量、setter和getter方式定義的函數都可以用於綁定。成為對象級別綁定。
20.BindingUtils和動態綁定
Mx.binding.utils
BindingUtils提供了兩個靜態方法處理動態綁定
bindProperty(site:Object,prop:String,host:Object,chain:Object,commitOnly:Boolean=false)
bindSetter(setter:Function,host:Object,chain:Object,commitOnly:Boolean=false)
21.Flex3支持的樣式設置方式
1).直接使用CSS文件,系統默認使用default.css
<mx:Stylesource=「style.css」/>
2).使用<mx:Style>標籤
3).使用style設計器（->MXML）
4).使用對象的getStyle()和setStyle()
5).使用StyleManager類
22.樣式的類型
樣式屬性分為可以繼承和不可以繼承兩種
上級容器可繼承的屬性，直接作用其包含的組件。
全局樣式：global
VarglobaalStyle:CSSStyleDeclaration=StyleManager.getStyleDeclaration(「global」);
23.使用主題
主題是一套配置完成的樣式風格
Flex提供的幾種主題，文件類型.swc
建議使用.swc文件來封裝主題
給編譯指令添加
-themexxx.css
在Flex-config.xml中通過修改<theme>標籤配置主題
24.創建Flex3自己的主題
1).通過修改以後的主題文件創建自己的主題內容
2).使用compc編譯主題，生成swc文件（見幫助)
-include-filenamepath
-ooutput.swc
-include-classes
3).通過配置文件編譯主題
compc-load-configmyconfig.xml
【編輯推薦】
- Flex樣式的添加和卸載
- Flex安全沙箱問題解決方法
- 技術前沿 看Flex客戶端緩存技術如何使用
- 解析Flex全屏模式設置方法
- Flex內存洩露解決方法和內存釋放優化原則
【責任編輯：
程華權TEL：（010）68476606】