学习FlexViewer（三）——继承自BaseWidget

      FlexViewer开发，大多是继承自BaseWidget，进行Widget开发。整个FlexViewer的框架架构，可以看做是由容器（Container）、管理器（Manager）以及一个个Widget组成的，其中Widget即是FlexViewer中实现功能的微型组件，在一定程度上讲，Widget承载了我们的需求实现。

 

      在整个FlexViewer中，只有index.mxml是主应用程序，所有的widget都是Componet。所以，我们要创建自己的widget，第一步即是，创建一个mxml Component。

 

 

      第二步，继承自BaseWidget，创建自己的Widget。切记：一定要继承自BaseWidget，才能最终将自己的widget添加至WidgetManger中。

 

     第三步，既然是继承自BaseWidget，我们就要明确继承了那些成员。继承的成员包括：

     WidgetID：widget的唯一ID值

     WidgetTitle：title

     WidgetIcon：图标

     Config：widget自己的config文件

     ConfigXML：config.xml

     ConfigData：ConfigData类型

     Map：全局的Map类型

     IsDragable：是否可拖拽

     IsResizeable：是否重定义大小

     SetXYPosition函数：设置显示位置

 

     第四步：将自己的widget加入至Flex Module List中（Project——Properties——Flex Modules），编译。

 

 

     第五步：在自己的widget中，编写自己的功能实现代码。

 

     最后一步：在config.xml中<widgetcontainer></widgetcontainer>标签内添加自己的widget如下，运行。

 

     <widget label="My first widget"
                icon="assets/images/i_widget.png"
                config="widgets/Samples/HelloWorld/HelloWorldWidget.xml"
                url="widgets/Samples/HelloWorld/HelloWorldWidget.swf"/>