首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

学习FlexViewer(3)——继承自BaseWidget

2012-10-11 
学习FlexViewer(三)——继承自BaseWidget????? FlexViewer开发,大多是继承自BaseWidget,进行Widget开发。整个

学习FlexViewer(三)——继承自BaseWidget

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

?

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

?

学习FlexViewer(3)——继承自BaseWidget

?

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

学习FlexViewer(3)——继承自BaseWidget

?

?? ? 第三步,既然是继承自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),编译。

?

学习FlexViewer(3)——继承自BaseWidget

?

?? ? 第五步:在自己的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"/>

?

?

热点排行