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"/>