Flex技術(shù)淺析

王文華

(昭通學(xué)院 計(jì)科系，云南 昭通 657000)

1 概述

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

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

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

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

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

2 Flex技術(shù)簡介

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

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

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

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

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

2.2 Flex的特點(diǎn)

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

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

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

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

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

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

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

3 小結(jié)

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

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

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

[2]程光磊.Flex技術(shù)研究.軟件導(dǎo)刊.2011.3