学习 flex 入门 初知道

adobe公司的FLEX，现在还真火。我也不得不学习一下了，他吸引我们程序员的主要原因，那就是他华丽的动态页面。看着就爽！

 

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

 

1.安装包下载

flex builder 3:http://www.adobe.com/go/downloadflex3

 

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>     

 

 

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