ActionScript 3.0 Step By Step系列(一)：工欲其善,先利其器(Flex Builder)

核心提示： 如同VS开发环境下一样，如果说WinFrom或是aspx是工作舞台，ActionScript 3.0 Step By Step系列(一)：工欲其善,先利其器(Flex Builder)(3)，那么工具箱是干什么的我想大家是非常的清楚，那么在Flex下开发ActionScript同样如此，如

如同VS开发环境下一样，如果说WinFrom或是aspx是工作舞台，那么工具箱是干什么的我想大家是非常的清楚。那么在Flex下开发ActionScript同样如此，MXML则是舞台，组件箱则等同与VS里的工具箱。到这里或许大家已经想到了Flex的开发模式，是不是和VS一样的拖拽控件到界面上来做交互界面的开发呢？答案是肯定的，其实不管是在Flex还是Flash环境下开发ActionScript都是这种开发模式。先看看下面这张图示：

　

通过上图可以很清楚的知道，在舞台上有两个按扭(点我、清空)和一个空白的文本域控件，通过右边的设计器上可以看出，“点我”按扭的id为btnClick，显示内容为：点我,同时还给他的单击事件指定了一个方法:OnClick()。

如上的界面设计便会生成相应的mxml标记，如同ASP.NET下生成HTML一样，我们可以通过“源视图”查看到所生成的MXML代码，我们接下来要写的代码也是嵌入在这些MXML代码中的。代码如下：

1<?xmlversion="1.0"encoding="utf-8"?>
2<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"borderColor="#3B8BF9"
3　　themeColor="#FAFDFF"backgroundGradientAlphas="[1.0,1.0]"
4　　backgroundGradientColors="[#4D4DF6,#FFFFFF]"
5　　width="313"cornerRadius="0"height="172">
6　　<mx:Buttonx="24"y="35"label="点我"id="btnClick"height="34"width="63"fontSize="14"
7　　　　click="OnClick()"/>
8　　<mx:TextAreax="125.5"y="24"height="119"id="txt"maxChars="200"fontSize="14"
9　　　　color="#070108"editable="true"/>
10　　<mx:Buttonx="24"y="96"label="清空"id="btnClear"height="34"width="63"fontSize="14"
11　　　　click="OnClear()"/>
12</mx:Application>