adobe公司的FLEX,现在还真火。我也不得不学习一下了,他吸引我们程序员的主要原因,那就是他华丽的动态页面。看着就爽!
不多说下面先来看看第一部分:
一、flex开发环境的搭建
1.安装包下载
flex builder 3:http://www.adobe.com/go/downloadflex3
2.安装
安装过程,基本按默认下一步,就行
然后我们新建一个web项目:点击flie—>new—>flex project,如下图
输入你项目的名称,之后我们就一路向下,其他的选项保持默认值就可以了,点击finish完成。我们就可以看见这样的代码:
- <?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如图:
然后我们在切换到编码界面,在代码中写下如下:
<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>