Flex4 中使用ModuleLoader为子容器 动态加入到TabNavigator导航器容器中的例子


  经常在一些工程中看到 选择左侧目录树 右侧添加TAB加载内容的例子 如图
  
  在这里使用ModuleLoader作为子容器 将其动态的加入到TabNavigator中 
  首先建立几个Module 其中一个Module代码如下 所有Module结构相同 只是里边的文本有些不同  flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" layout="absolute" width="100%" height="100%" >  [Event(name="ModuleClose",type="flash.events.Event ")]           里面只是显示一个网址 和一个关闭按钮 其中单击关闭按钮指派了一个关闭Module的事件 
  最后在主程序中使用这些Module
  下面代码实现了在 TabNavigator 中动态的加入 Tab 并将ModuleLoder 做为子容器 加载前边做的几个Module的功能
  这里还加入了使用双击 关闭相关Tab 功能,  而且已经加载过的Module将不重新加载  flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">            新浪 module_sina   网易 module_163   搜狐 module_sohu   腾讯 module_qq   诚远 module_cy1001     width="100%" height="100%"> width="80" height="136" change="buttonbar1_changeHandler(event)" labelField="name" id="bb">     width="524" height="317" id="tabNav" doubleClickEnabled="true" doubleClick="tabnavigator_dobuleClickHandler(event )">      最后在工程的属性中 找到Flex 模块功能设置 将做好的Module 为主程序设置优化后完毕
  
  下面的代码是用 TabBar 和 ViewStack 组合成为导航器容器 并加载Moudle 实现的 思路基本上一样  flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" >           新浪 module_sina   网易 module_163   搜狐 module_sohu   腾讯 module_qq   诚远 module_cy1001    width="100%" height="100%"> width="80" height="136" change="bb_changeHandler(event)" labelField="name" id="bb">     width="100%" height="100%">  width="100%" height="100%">      

你可能感兴趣的:(navigator)