学习FlexViewer(三)——继承自BaseWidget
学习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"/> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |