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>
如下图所示：
