建立第一個Flex應用程式

在前面的文章中，筆者已經介紹了RIA、Flex技術和Flex Builder 2整合式開發環境。從本 文開始將正式開始講解使用Flex Builder 2建立Flex應用程式的方方面面。本文內容包括典 型應用程式開發步驟和建立第一個Flex應用程式的過程。

1. 應用程式開發步驟

創 建Flex應用程式的過程並不複雜。通常而言，典型應用程式的開發步驟如下所示：

(1)使用文字編輯器或者Flex Builder 2建立MXML檔案，並在該檔案中添加MXML根標籤，代碼 如下：

<?xml version="1.0" encoding="utf-8"? >
　　<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
　　</mx:Application>

(2)為設 計使用者介面，添加一個或者多個容器和控制項。如果不添加容器，應用程式也不會出太多問題 ，但是不利於頁面配置等工作。

(3)使用樣式和主題增強使用者介面的設計。

(4)添加指令碼等內容，從而實現動態行為。

(5)為實現資料互動，定義並串連資料庫服 務。

(6)如果商務規則需要，可添加一些資料驗證方面的實現。

(7)將應用程 序原始碼編譯為SWF檔案，然後運行和測試。

以上列舉了建立Flex應用程式的典型步 驟。然而，更為重要的是，開發人員還要根據具體的應用需求靈活執行這些步驟。

在 下面的內容中，將介紹建立第一個Flex應用程式的過程。

2. 建立第一個Flex應用程 序

在瞭解了Flex應用程式的建立過程之後，下面將建立第一個Flex應用程式 HelloFlex。本應用程式使用Flex Builder 2(獨立安裝方式)建立，其允許使用者在文字框中輸 入一段文字，在單擊按鈕之後，文本將顯示在頁面中。建立HelloFlex應用程式的過程包括： (1)建立Flex項目;(2)設定使用者介面和邏輯;(3)編譯運行。

建立Flex項目

為了 更好的管理Flex應用程式檔案，在建立Flex應用程式之前，建議開發人員使用Flex Builder 2建立一個Flex項目。下面簡單說明一下這個過程：

(1)開啟Flex Builder 2，單擊命 令菜單：File > New > Flex Project。此時，將彈出如圖1所示的New Flex Project 嚮導：

圖1

如圖1所示，嚮導首先要求設定Flex應用程式訪問資料的方式，其中包 括基本(Basic)、ColdFusion Flash遠程服務(ColdFusion Flash Remoting Service)和Flex 資料服務(Flex Data Services)。由於本應用程式無需資料訪問，因此，選擇Basic項。