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

 

發佈了44 篇原創文章 · 獲贊 2 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章