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 成功安装后界面如下：

然后我们新建一个web项目：点击flie—>new—>flex project，如下图

输入你项目的名称，之后我们就一路向下，其他的选项保持默认值就可以了，点击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.        
4. </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>

好了，让我们来运行下试试吧！