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