|
創(chuàng)建應(yīng)用程序
在這個(gè)簡(jiǎn)單的購(gòu)物車中，我們顯示一個(gè)咖啡品牌的列表（類似于HTML的select）。使用數(shù)據(jù)綁定功能在下面顯示當(dāng)前選擇的品牌的說(shuō)明，還有一個(gè)添加到購(gòu)物車的按鈕，當(dāng)按鈕被按下后，該品牌的咖啡便會(huì)被添加到購(gòu)物列表中。
圖1. 教程創(chuàng)建的Flex應(yīng)用程序
這個(gè)教程的目的是為了學(xué)習(xí)使用：
Application (應(yīng)用程序)類
Panel (面板)容器
Script (腳本)元素
Array (數(shù)組)元素
Object (對(duì)象)元素
Label (標(biāo)簽)元素
Text (文本框)元素
Button (按鈕)控件
ComboBox (下拉列表)控件
List (列表)控件
一個(gè)ActionScript函數(shù)
創(chuàng)建Application（應(yīng)用程序）對(duì)象
任何一個(gè)Flex程序都是以XML聲明開(kāi)始和Application標(biāo)記的。Application標(biāo)簽包含一個(gè)MX類庫(kù)命名空間的聲明：xmlns:mx="http://www.macromedia.com/2003/mxml" 。引用該類庫(kù)的所有標(biāo)簽必須以mx作為前綴。
1. 創(chuàng)建一個(gè)新文件 ，然后保存為 firstapp.mxml，位于flex_tutorials目錄下
2. 在文件的開(kāi)始處，插入XML聲明：
<?xml version="1.0"?>
3. 在XML聲明后，添加帶命名空間的Application標(biāo)簽：
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">
</mx:Application>
應(yīng)用程序布局：添加一個(gè)面板
通常你可以將Flex應(yīng)用程序中可見(jiàn)的組件放置于容器中，容器提供了綁定文本、控件、圖像和其他媒體類型的元素。在這里，你可以使用稱為“面板”(Panel)的容器，它可以提供大部分應(yīng)用程序需要的全部外殼。你還可以使用面板的title(標(biāo)題)屬性，修改面板上方自動(dòng)包含著的標(biāo)題欖的文字。
4. 在Application標(biāo)簽內(nèi)部，添加一個(gè)Panel標(biāo)簽，title屬性為"my First Flex App"
<mx:Panel title="My First Flex App">
</mx:Panel>
添加一個(gè)顯示標(biāo)題的Label元素
Label元素可以用來(lái)顯示單行文本。它有一些屬性，這里用到的是text（文本）屬性，定義Label顯示的內(nèi)容。
5. 在Panel標(biāo)簽內(nèi)，插入一個(gè)帶有文本屬性的Label標(biāo)簽，如下：<mx:Label text="Coffee Blends"/>
6. 保存文件，預(yù)覽一下程序
出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色
上一頁(yè) Flex 入門教程 [2] 下一頁(yè) Flex 入門教程 [4]
◎進(jìn)入論壇Flash專欄版塊參加討論
|
第 1 頁(yè) 
第 3 頁(yè) Flex 入門教程 [3]
