3.5 Flash and Flex

Flex簡介:

Flex可以迅速的用Flashplayer打造應用程式,而且所發展出來的應用程式環境可以提供一個精緻的使用者介面和良好的互動性,而且是開發的過程中,變的更簡單容易,只要透過適當的工具和FLEX SDk(Free),雖然用FLEXBuilder是最方便的(可是要錢),但還是可以透過一些開發工具加上SDK來完成一個專案的開發,可以用現成的元件組織成一個所要的應用程式頁面,幾乎可以說是把應用程式活生生的搬到瀏覽器上面來開發與使用。使用FLEX框架的時候會建立和編譯出.swf格式,編譯後的.swf其實上來說是一個擔任中間轉換的格式,可以讓FLASH PLAYER讀取,現在的flash player使用AVM2,.swf的內容在執行時不在採直譯的方式,轉而使用編譯,所以可以利用較低階的計算力。

 

Flex 架構簡介:

FLEX

  • Flex Builder

前端為所見及所得,後端為mxml
架構在eclipse上

 

  • Framework

提供自動化與元件機制,讓使用者能快速開發應用程式
省去以往在flash中以actionscript開發的複雜步驟

 

  • Flex Enterprise Service

server端連線程式,可使資料在多個客戶端溝通,取代Remoting
web service client 與 server資料交換
java開發,架構於J2EE上  

 


Flex Application 開發:

開發Flex Application可透過一般的文字編輯程式或是adobe flex builder

透過一般的文字編輯程式開發:將程式碼撰寫完成後透過 Flex SDK [註] 編譯成 .swf檔

透過adobe flex builder:flex builder是一個架構於eclipse上的flex開發ide,其中包含flex sdk[註]。layout部分可用所見即所得的拖拉方式編輯。完成撰寫後可直接透過此程式編譯

Flex Application 開發流程:

  1. 定義一個程序界面或者使用現成的組件
  2. 為用戶界面合理佈置組件
  3. 使用樣式和主題進行視覺設計
  4. 添加動態的行為
  5. 根據需要鏈接數據服務器
  6. 編寫代碼生成在Flash Player中運行的SWF文件

[註] Flex SDK is a free, open source library with a command line compiler. 

 

MXML簡介:

MXML:

MXML是宣告式的make up語言,用來建立使用者的介面和觀看FLEX應用程式的各個部位。MXML用標籤來建立元件,例如:按鈕 還有textfield,並且可以指定這些元件之和資料來源的互動關係。所有的MXML文件都應該要涵蓋XML的宣告,通常以UTF-8的編碼來獲得最大的相容性


<?xml version=“1.0” encoding=“UTF-8”?>

雖然沒有嚴格要求要加入宣告式,但依照XML的規定是要加入。所有的MXML文件跟XML文件一樣都只能有一個根目錄,MXML文件分為兩種,第一種是應用程式文件所有的FLEX應用程式都需要有一個應用程式文件,


<?xml version=“1.0” encoding=“UTF-8”?> <mx:Application xmlns:mx=“http://www.adobe.com/2006/mxml”> </mx:Application>

●Application的節點要符合mark up的語言要有相對的開頭和結尾<></>●標籤的名稱使用mx的名稱空間,這樣可以認出名稱空間,因為因為標籤前面會有名稱空間的識別名稱●xmlns為Application的一個屬性,定義了mx名稱空間的前置字

第二種則是元件文件,用來定義MXML的元件,而MXML的元件是用來封裝應用程式的文件。元件文件的結構跟應用程式文件很像,不同的地方是在於根目錄不是Application,而是用現存的元件當作根節點


<?xml version=“1.0” encoding=“UTF-8”?> <mx:Canvas xmlns:mx=“http://www.adobe.com/2006/mxml”> </mx:Canvas>

由上面的例子可以看到這一個MXML文件的結構和格式都跟應用程式很像唯一不同的是根節點的標籤名稱是元件名稱

Adobe Flex
基於其專有的Macromedia Flash平台,它是涵蓋了支持RIA(Rich Internet Applications)的開發和部署的一系列技術組合

Flex 應用開發步驟

以下直接來源於Flex 2.0 Beta 3的幫助文件:

  1. 使用一系統預定義組件(窗口,按鈕等)來定義一個開發界面
  2. 組織安排組件,現在用戶自定義的界面設計
  3. 使用風格和主題來定義可見設計
  4. 增加動態動作,如應用程序之間的互動
  5. 定義並在需要時連接上一個數據服務
  6. 從原始碼生成一個在Flash播放器中運行的SWF文件