Flex中模块化和单件模式(singleton)使用的例子

By Minidxer | July 13, 2008

接下来的例子演示了Flex中模块化和单件模式(singleton)基本使用方法。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import mx.managers.DragManager;
/* Create dummy variables. */
private var dragManager:DragManager;
private var popUpManager:PopUpManager;
]]>
</mx:Script>
<mx:TabNavigator id="tabNavigator" width="300" height="200">
<mx:ModuleLoader id="module1" url="dataGrid_module.swf" label="Tab 1" />
<mx:ModuleLoader id="module2" url="comboBox_module.swf" label="Tab 2" />
</mx:TabNavigator>
</mx:Application>

下面是DataGrid模块的代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="100%" height="100%">
<mx:Style>
Module {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
]]>
</mx:Script>
<mx:VBox height="100%">
<mx:DataGrid id="dataGrid" width="100%" height="100%">
<mx:dataProvider>
<mx:Object data="1" label="one" />
<mx:Object data="2" label="two" />
<mx:Object data="3" label="three" />
<mx:Object data="4" label="four" />
</mx:dataProvider>
</mx:DataGrid>
</mx:VBox>
<mx:HRule width="100%" />
<mx:Button label="Alert.show(...)" click="Alert.show('Alert from the dataGrid_module.')" />
</mx:Module>

下面是comboBox模块的代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="100%" height="100%">
<mx:Style>
Module {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
]]>
</mx:Script>
<mx:VBox height="100%">
<mx:ComboBox id="comboBox">
<mx:dataProvider>
<mx:Object data="1" label="one" />
<mx:Object data="2" label="two" />
<mx:Object data="3" label="three" />
<mx:Object data="4" label="four" />
</mx:dataProvider>
</mx:ComboBox>
</mx:VBox>
<mx:HRule width="100%" />
<mx:Button label="Alert.show(...)" click="Alert.show('Alert from the comboBox_module.')" />
</mx:Module>

代码：Peter deHaan 翻译/整理/编译：minidxer

Topics: Flex | Tags: DragManager, ModuleLoader, PopUpManager, singleton, TabNavigator

中文Flex例子