本文和大家重點討論一下Flex程序設(shè)計基礎(chǔ)，F(xiàn)lex技術(shù)對軟件開發(fā)人員的要求并不苛刻，MXML和ActionScript都遵循技術(shù)標準，用相對簡單的代碼就可以完成絢麗高效的Flex應(yīng)用程序。

Flex程序設(shè)計基礎(chǔ)

Flex是一種RIA開發(fā)技術(shù)，具有更好的網(wǎng)絡(luò)交互能力，更加絢麗的表現(xiàn)效果，同時在企業(yè)級的擴展上也游刃有余。Flex技術(shù)對軟件開發(fā)人員的要求并不苛刻，MXML和ActionScript都遵循技術(shù)標準，用相對簡單的代碼就可以完成絢麗高效的Flex應(yīng)用程序。

作為Flex技術(shù)的組成部分，F(xiàn)lexCharting讓我們可以靈活地進行圖表編程，F(xiàn)lexDataService讓我們可以將Flex應(yīng)用程序部署成為企業(yè)級應(yīng)用。
FlexBuilder是一個實用的集成開發(fā)環(huán)境，通過這個環(huán)境，可以高效地完成Flex程序的編寫。

1.1RIA概述

本章內(nèi)容介紹Flex程序設(shè)計的背景和技術(shù)特點，并通過示例程序來展示Flex的界面效果和技術(shù)內(nèi)涵。

Internet已經(jīng)是我們生活的一部分，而“看網(wǎng)頁”可以說是網(wǎng)絡(luò)瀏覽者與Internet最簡單的溝通方式。打開瀏覽器，進入一個網(wǎng)站瀏覽，這就是瀏覽者們看到的最直觀的Internet的外表。盡管頁面上不是單一的文字，但也僅僅是“頁”。然而如今這些傳統(tǒng)的呆板的“頁”已經(jīng)不再能滿足網(wǎng)絡(luò)瀏覽者的要求了。多媒體、多元化的信息表現(xiàn)在一個頁面上，的確很是單薄。

另一方面，開發(fā)人員也一直在為過分依賴于頁面刷新、請求響應(yīng)等諸多傳統(tǒng)網(wǎng)頁開發(fā)技術(shù)固有的問題而煩惱。當然我們不能忽略B/S架構(gòu)能夠取代C/S長期大行其道有一個重要的因素，就是網(wǎng)絡(luò)帶寬問題。

傳統(tǒng)網(wǎng)頁內(nèi)容簡單，節(jié)省網(wǎng)絡(luò)帶寬的優(yōu)勢是與生俱來的，而如今網(wǎng)絡(luò)技術(shù)在不斷地發(fā)展，軟硬件發(fā)展又達到了一個并駕齊驅(qū)的時期，軟件系統(tǒng)已經(jīng)不需要等待硬件的發(fā)展而發(fā)展。有了強烈的需求，又有了充足的硬件基礎(chǔ)，新技術(shù)應(yīng)運而生，RichInternetApplication(RIA)的出現(xiàn)給網(wǎng)絡(luò)瀏覽者和開發(fā)人員都帶來了全新的體驗。

RichInternetApplication即是富因特網(wǎng)應(yīng)用程序，其特點也體現(xiàn)在一個“富”字上，傳統(tǒng)的HTML頁面帶給用戶的頁面元素是極其有限的，輸入框、選擇框、下拉框等無法替換的元素，恐怕早就對瀏覽者帶來了審美疲勞，更何況在功能上也存在著很大不足。對比傳統(tǒng)頁面，RIA的界面是“富”的，基本上一個桌面程序能表現(xiàn)出來的效果，RIA都能表現(xiàn)。

圖1.1中的網(wǎng)站是一個名為scrapblog的博客網(wǎng)站，與我們常見到的博客網(wǎng)站不同，這個網(wǎng)站使用一種RIA技術(shù)構(gòu)建，在頁面表現(xiàn)力和交互性上都遠遠超過了常見的博客網(wǎng)頁。

如果說RIA的優(yōu)勢僅僅是豐富的界面表現(xiàn)能力的話，那么大家會認為這不過就是個C/S架構(gòu)，RIA的另一大特點也正是與C/S架構(gòu)最大的不同：數(shù)據(jù)上的“富”。傳統(tǒng)的網(wǎng)頁開發(fā)基于HTTP協(xié)議，數(shù)據(jù)的交互依賴于請求/響應(yīng)機制；界面的交互則需要進行頁面的跳轉(zhuǎn)和刷新。RIA的處理則有很大不同，在客戶端可以進行完整的數(shù)據(jù)處理，與用戶的交互更加友好、更加迅速；界面交互并不依賴頁面，消息通過異步請求傳遞，面向用戶界面中的各個小模塊，客戶端的模塊之間關(guān)系清晰，處理起來更加靈活。

對于企業(yè)級應(yīng)用來說，RIA技術(shù)并不需要替換掉現(xiàn)有的體系結(jié)構(gòu)模型，如JavaEE(以前稱J2EE)、.NET架構(gòu)等。RIA技術(shù)通常可以和企業(yè)級應(yīng)用體系結(jié)構(gòu)很好地進行整合。將原有的系統(tǒng)構(gòu)建成更易用、更直觀、更迅速的“網(wǎng)頁應(yīng)用程序”。在不會影響到原有應(yīng)用的前提下，RIA技術(shù)對表現(xiàn)層進行了大幅度的增強，進一步提升界面的友好程度，并且減少了用戶與系統(tǒng)的遠程交互頻率，減少了帶寬需求。

RIA開發(fā)技術(shù)已經(jīng)有很多種，Adobe公司的Flex發(fā)展日趨成熟，微軟公司的SilverLight及Sun公司的JavaFX也嶄露頭角。Flex技術(shù)的優(yōu)勢得天獨厚，有強大的Flash平臺作后盾，SilverLight和JavaFX在RIA的實現(xiàn)上則各有側(cè)重，SilverLight作為一個瀏覽器插件支持廣泛，而且對于JavaScript和微軟的.NET技術(shù)無縫結(jié)合，而JavaFX體系不僅希望利用編寫更容易的JavaFXScript取代JavaScript，更是提供了JavaFXMobile，為手機及移動設(shè)備增加了應(yīng)用程序支持。

1.2Flex簡介

Flex程序設(shè)計是一種基于標準編程模型的高效RIA開發(fā)產(chǎn)品集，最初由Macromedia公司在2004年發(fā)布，后被Adobe公司冠以商標。Flex最大的特點是基于全球流行的網(wǎng)絡(luò)動畫平臺——MacromediaFlash。2000年以來，F(xiàn)lash動畫愈發(fā)火爆，“閃客”們的作品為Internet增添了絢麗的色彩，而Flash的播放器FlashPlayer已經(jīng)成為瀏覽器上首選的不可或缺的插件，為了看到頁面中生動的Flash動畫，大部分瀏覽者都會安裝FlashPlayer。通過Flex技術(shù)，開發(fā)人員可以將RIA程序編譯成為Flash文件，為FlashPlayer所接受，也就是說，F(xiàn)lex技術(shù)所開發(fā)出來的程序?qū)τ诖蟛糠譃g覽者而言并不需要安裝額外的客戶端支持，這是一個得天獨厚的優(yōu)勢。

“基于標準編程模型的高效RIA開發(fā)產(chǎn)品集”，這是Adobe公司對Flex技術(shù)的官方定義。下面我們就來進行詳細的分析。

一個完整的Flex程序由MXML代碼和ActionScript代碼組成。MXML基于XML標準，用于配置和設(shè)計Flex程序的界面及編寫表現(xiàn)層數(shù)據(jù)模型；ActionScript基于ECMAScript，原來用于設(shè)計Flash動畫，其語法規(guī)范類似于JavaScript。這樣兩種基于W3C標準的開發(fā)語言就構(gòu)成了Flex程序，兩種語言的關(guān)系類似于HTML和JavaScript，這樣一來(尤其對于傳統(tǒng)網(wǎng)頁開發(fā)者來說)，F(xiàn)lex根本沒有什么門檻。

Flex3是Flex程序設(shè)計的一個成熟版本，它的產(chǎn)品集包含以下幾部分。

1.AdobeFlex3SDK

FlexSDK是Flex產(chǎn)品集中最基礎(chǔ)的也是必需的組件，使用其他組件必須在SDK的基礎(chǔ)上，單獨通過SDK就可以完成常用的程序設(shè)計。

2.AdobeFlexBuilder3

FlexBuilder是一個基于Eclipse的集成開發(fā)環(huán)境，通過FlexBuilder可以對程序進行所見即所得的界面設(shè)計，并支持MXML和ActionScript的智能編寫，可以在很大程度上提高Flex開發(fā)的效率。

3.AdobeLiveCycleEnterpriseSuite

LiveCycleES是Flex企業(yè)級開發(fā)部署套件，以應(yīng)用于企業(yè)級組件，使得Flex可以部署到JavaEE應(yīng)用服務(wù)器上。

Flex3SDK的系統(tǒng)需求如下。

Windows平臺：Windows2000，XP，Server2003，Java1.4~1.5
Macintoshi平臺：MacOSXv.10.4.x，Java1.5
Linux平臺：RedHatEnterpriseLinux3~4，Suse10，Java1.4~1.5
Solaris平臺：Solaris9，10，Java1.4~1.5
處理器需求：IntelPentiumII450MHz或更快/PowerPCG3500MHz或更快/Modernprocessor(800MHz或更快)
內(nèi)存需求：512MBRAM(推薦1GB)
硬盤需求：200MB可用硬盤空間
 

【編輯推薦】

1. Flex頁面跳轉(zhuǎn)實現(xiàn)的幾種方式
2. FlexBuilder4十大新特性閃亮登場
3. Flex框架中Cairngorm和Mate的優(yōu)點大比拼
4. FlexBuilder3.0與Eclipse3.4的完美結(jié)合
5. 解析Flex應(yīng)用開發(fā)步驟 新特性和技術(shù)框架