如何利用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中将组件引入，设置组件的宽度和高度，<m垓矗梅吒x:HBox width="100%"稆糨孝汶; height="100%" verticalAlign="middle" horizontalAlign="center"> <compents:TitleTree width="100%" height="100%"/> </mx:HBox>如下图所示：