Flex 入门例子

一、flex开发环境搭建。
二、程序的开发，部署，运行。

下面先来看看第一部分：
一、flex开发环境的搭建

1.安装包下载
   flex sdk:
   flex builder 3:
    说明:一般安装了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="" layout="absolute">

mx:Application>

Application就是我们的主程序，程序的入口，不过在flex工程中，允许建立多个主程序的。

我们现在切换视图到设计界面：

在左边的分别是项目栏和组件栏，右边的是状态栏和属性窗口。

我们现在从组件栏拽过来lable，textinput还有button如图：

然后我们在切换到编码界面，在代码中写下如下：

XML/HTML代码

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="" 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>

             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>

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