Flex3學習之簡單教程
本文和大家重點討論一下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 #p#
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)#p#
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]標簽 #p#
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)#p#
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
【編輯推薦】
