Flex技術淺析

王文華

(昭通學院 計科系，云南 昭通 657000)

1 概述

從網絡產生到現(xiàn)在，已經走過半個世紀，網絡技術的發(fā)展也日新月異。就網絡應用開發(fā)領域而言，從早期的C/S模式到后來的B/S模式，再到以Ajax為核心的Web2.0。可以說每一次技術的革新都是一次網絡技術的革命。如今，新一代的富因特網應用(Rich Internet Application，RIA)技術逐漸在網絡中占據一席之地，其中較有代表性的技術即Adobe公司的Flex技術。

傳統(tǒng)網絡程序的開發(fā)基本是基于頁面的，網絡程序的表現(xiàn)層建立于HTML頁面之上。HTML語言在表現(xiàn)文本方面是非常適合的，對于多媒體表現(xiàn)的能力有限。而且，HTML應用

程序功能單一、人機交互性差。隨著RIA技術的不斷發(fā)展，Web開發(fā)有了新的發(fā)展分支，即包含豐富用戶體驗的RIA應用程序。

富因特網應用程序，是指利用具有強交互性的富客戶端技術，為用戶提供一個全方位的網絡體驗。RIA技術集成了桌面應用的交互性和傳統(tǒng)Web應用的部署靈活性，以期創(chuàng)建一個完整的用戶體驗。RIA技術提供了比HTML所能提供的更為豐富的界面表現(xiàn)元素，密集、響應速度快和圖形豐富的頁面

元素與數據模型結合在一起，為用戶提供更好的使用體驗。RIA技術的出現(xiàn)，必將給網絡帶來新的技術革命。

2 Flex技術簡介

2.1 Flex的起源和發(fā)展

Flex是Adobe公司推出的基于開源、免費、跨平臺的新一代富客戶端平臺。用戶無需在自己的機器上做任何部署，就可以享受和C/S一樣出色的用戶界面。

Macromedia公司最早是使用Flash Player作為因特網的矢量動畫平臺，主要是面向娛樂功能和多媒體應用。隨后，推出了ActionScript語言做為補充，利用ActionScript可以對Flash Player中的動畫和控件進行較為復雜的邏輯控制。2000年8月Macromedia發(fā)布Flash 5.0的同時推出了全新的ActionS-cript語言，這個版本的ActionScript已經定位成一種完整的面向對象的語言，并且遵循ECMAScript的標準。在Macromedia被Adobe公司收購后，ActionScript語言被不斷的改進。2007年，ActionScript 3.0發(fā)布，這是一種公認的“正規(guī)的”、“完整的”、“清晰的”面向對象語言。包含上百個類庫，這些類庫函蓋了圖形、算法、矩陣、XML、網絡傳輸等諸多范圍，為開發(fā)者提供了一個豐富的開發(fā)環(huán)境基礎。

Flex是一個基于組件的開源的開發(fā)框架。它的核心是MXML，這是一種基于XML的標記語言。客戶端系統(tǒng)使用ActionScript腳本語言來處理業(yè)務邏輯，可以控制對用戶界面的設計，還可以同其它后臺語言，如PHP，ASP，Ruby On Rails進行集成交流。一個完整的Flex應用是由MXML和ActionScript組成的。

Flex是一種客戶端技術，F(xiàn)lex的代碼最終會被編譯成SWF文件，運行在安裝了Flash Player的用戶終端。Adobe的RIA為終端用戶提供了兩種解決方案：Desktop應用和Web應用。使用Desktop應用，需安裝Adobe的AIR作為其運行平臺(Runtime)，這種方式類似于Java的虛擬機運行環(huán)境(JRE);對于Web應用，Adobe的Flex程序可以運行在內嵌于瀏覽器的Flash Player上，用戶只需在瀏覽器中安裝一個Flash Player插件即可訪問SWF文件，實現(xiàn)了其統(tǒng)一的、跨平臺的承載平臺。由于SWF文件很小，所以有很快的網絡下載速度。一般情況下，SWF文件會被嵌入在HTML代碼中，部署到Web服務器上，供終端用戶下載。

2.2 Flex的特點

2.2.1 Flex應用程序最終被編譯成SWF文件，所以無論任何操作系統(tǒng)和瀏覽器，它都同樣下載為像素，不需要進行瀏覽器的兼容測試。這比很多腳本語言如JS中需要用大段代碼檢測瀏覽器的類型和版本，顯得更簡潔有效。

2.2.2 Flex富客戶端提供了更豐富、更友善的界面給用戶，互動性更好，而開發(fā)效率卻大為提高;特別是Flex內建對音頻和視頻的支持，給用戶提供更好的操作體驗。

2.2.3 Flex3.0中新增了 HTML 組件，該組件允許 Flex應用程序訪問 HTML頁面。這樣，F(xiàn)lex就可以集成 HTML、Javascript和Ajax等Web開發(fā)技術，從而開發(fā)出更加豐富的網絡應用技術。

2.2.4 傳統(tǒng)的頁面網絡應用設計都是使用CSS進行布局，對于程序員來說，使用DIV標簽的布局過程既繁雜又痛苦。而通過使用基于容器的Flex標記語言(MXML)，把確定的(fixed)和流動的(liquid)布局設計轉變成想要的布局結果，這種過程變得非常容易。除此之外，F(xiàn)lex對于CSS也是完全支持的。

2.2.5 對于傳統(tǒng)的Web應用程序，絕大多數都是一些形式和動態(tài)內容有關聯(lián)的模版，無法實現(xiàn)數據層和表現(xiàn)層的分離。而使用Flex，用XML來描述GUI的外觀，GUI和邏輯相分離，前端界面使用XML來描述，界面的控制由ActionScript來負責，后端的應用邏輯則封裝在后端中間件中，與Flex前端界面相分離。實現(xiàn)了真正的數據和表現(xiàn)的分離。

2.2.6 Flex有自己的類似于VB或是Delphi，所見即所得的開發(fā)環(huán)境。比起Javascript/Ajax，其開發(fā)的效率更高。而Flex所采用的ActionScript是一種面向對象的語言，類似Java、.NET，對于Java或.NET程序員來說，學習成本很低。

2.2.7 Flex內建了視頻、音頻等多媒體組件，提供了豐富的API，能夠與視頻、音頻等多媒體完美的結合。

3 小結

富客戶端技術在未來是網絡技術的一個發(fā)展方向，并有可能替代傳統(tǒng)HTML應用系統(tǒng)。Flex作為其中一員，從誕生到現(xiàn)在，其版本不斷改進，功能也不斷增強。Flex目前技術發(fā)展較快，越來越多的產品都是基于Flex技術的，如3G視頻會議系統(tǒng)、網絡流媒體點播平臺，SNS等。

盡管Flex在某些方面還有不足，但隨著技術的不斷完善，用戶需求的不斷發(fā)展，F(xiàn)lex?必將迎來更美好的未來。

[1]Tariq Ahmed等.Flex 4 實戰(zhàn).清華大學出版社，2012.1機械工業(yè)出版社，2012.2

[2]程光磊.Flex技術研究.軟件導刊.2011.3