学习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"/>
?
?