如何利用Flash Builder4.0创建Flex组件

1、第一步，新建一个Flex包“compents”，在包上鼠标右键，依次“新建---》MXML组件”，输入组件的名称等，如下图所示：

2、第二步，这时，弹出新建MXML组件窗口，需要输入和选择以下信息，

（1）包名

（2）组件名称

（3）布局

（4）基于什么组件

（5）宽度

（6）高度

如下图所示：

3、第三步，若不用默认的模板，可以单击“浏览”，打开选择组件的窗口，选择自己需要的组件，如下图所示：

4、第四步，上述确定后，单击“完成”，会看到自动生成以下的代码，如下图所示：

5、第五步，在组件中添加三个Button，查询、重置和导出按钮，分别设置对应的id属性，

<mx:VBox width="100%" height="100%">

<s:Button label="查询" id="searchBtn"/>

<s:Button label="重置" id="resetBtn"/>

<s:Button label="导出" id="exportBtn"/>

</mx:VBox>

如下图所示：

6、第六步，新建一个flex应用程序，在HBox中将组件引入，设置组件的宽度和高度，

<mx:HBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">

<compents:TitleTree width="100%" height="100%"/>

</mx:HBox>

如下图所示：