一、flex開發環境搭建。
二、程式的開發,部署,運作。
下面先來看看第一部分:
一、flex開發環境的搭建
1.安裝包下載下傳
flex sdk: http://www.adobe.com/go/flex3_sdk
flex builder 3: http://www.adobe.com/go/downloadflex3
說明:一般安裝了flex builder3就會自動幫你安裝flex 的sdk;是以可以隻下載下傳有flex builder3進行安裝即,由于flex builder3是試用版,是以需要 破解,這裡附上網上下載下傳到的一個key的生成器,而flex builder3的安裝 檔案比較大,上傳不了,請自已到官方網站下載下傳;
2.安裝
安裝過程,基本按預設操作即可,不會有什麼難題,這裡就不另介紹;
首先打開flex builder 成功安裝後界面如下:
然後我們建立一個web項目:點選flie—>new—>flex project,如下圖
輸入你項目的名稱,之後我們就一路向下,其他的選項保持預設值就可以了,點選finish完成。我們就可以看見這樣的代碼:
XML/HTML代碼
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
- </mx:Application>
Application就是我們的主程式,程式的入口,不過在flex工程中,允許建立多個主程式的。
我們現在切換視圖到設計界面:
在左邊的分别是項目欄群組件欄,右邊的是狀态欄和屬性視窗。
我們現在從元件欄拽過來lable,textinput還有button如圖:
然後我們在切換到編碼界面,在代碼中寫下如下:
XML/HTML代碼
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Button id="bsub" x="283" y="318" label="Button" click="bsub_Click()"/>
<mx:TextInput id="txtName" x="270.5" y="274" width="169"/>
<mx:Label x="211" y="276" text="name:"/>
<mx:Script>
<!--[CDATA[
import mx.controls.Alert;
private function bsub_Click():void{
//判斷是否輸入的姓名
if(this.txtName.text == ""){
Alert.show("沒有輸入姓名");
return;
}
//輸出hello world
Alert.show("Hello,"+this.txtName.text);
}
]]-->
</mx:Script>
</mx:Application>
好了,讓我們來運作下試試吧!