天天看點

Flex 入門例子

一、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 成功安裝後界面如下:

Flex 入門例子

然後我們建立一個web項目:點選flie—>new—>flex project,如下圖

Flex 入門例子
Flex 入門例子

輸入你項目的名稱,之後我們就一路向下,其他的選項保持預設值就可以了,點選finish完成。我們就可以看見這樣的代碼:

XML/HTML代碼

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

Application就是我們的主程式,程式的入口,不過在flex工程中,允許建立多個主程式的。

我們現在切換視圖到設計界面:

Flex 入門例子

在左邊的分别是項目欄群組件欄,右邊的是狀态欄和屬性視窗。

我們現在從元件欄拽過來lable,textinput還有button如圖:

Flex 入門例子

然後我們在切換到編碼界面,在代碼中寫下如下:

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>

好了,讓我們來運作下試試吧!

Flex 入門例子

繼續閱讀