`
hgfghww6
  • 浏览: 42105 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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                 最后在工程的属性中 找到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                  
分享到:
评论

相关推荐

    flex3 tabnavigator一个很好的例子

    这个例子可能是为了展示如何在Flex3中有效地使用TabNavigator来组织和管理用户界面。 在Flex3中,TabNavigator组件是Container类的一个子类,允许用户通过点击不同选项卡来切换内容。它的主要特点包括自定义选项卡...

    Flex4.6 带图标的TabNavigator的使用

    这个例子对于初学者来说是个很好的起点,可以从中学习到如何创建、配置和操作`TabNavigator`组件,以及如何将图标集成到选项卡中。 总的来说,`TabNavigator`是Flex4.6中一个强大的布局组件,通过添加图标,我们...

    flex TabNavigator tab倒置

    1. **TabNavigator组件**:TabNavigator是Flex中的一种容器,继承自Accordion类,用于组织和展示多个子组件,这些子组件可以通过可见的选项卡进行访问。默认情况下,选项卡位于组件的顶部,并水平排列。 2. **定制...

    Flex4视频教程_03-08导航器.rar

    本视频教程聚焦于Flex4中的导航器组件,旨在帮助开发者深入理解如何在Flex4环境中实现页面间的导航功能。 在Flex4中,导航器组件是构建多视图应用程序的关键工具,它允许用户在不同的视图之间轻松切换。这些视图...

    Flex3 竖排TabNavigator

    在Flex3中,TabNavigator是一个容器组件,用于展示多个子组件,并通过标签页的形式进行切换。默认情况下,TabNavigator的标签页是水平排列的,但在这个特定的实例中,我们将讨论如何将TabNavigator的标签页设置为...

    Flex3 TabNavigator

    在Flex3中,TabNavigator是一种容器控件,用于展示多个视图,并且这些视图可以通过标签页进行切换。TabNavigator的每个标签页通常关联一个ViewStack或其他容器,用于存放不同的内容。然而,标准的TabNavigator并不...

    flex 遮盖式 TabNavigator

    在Flex中,TabNavigator是一种容器组件,用于创建带有可切换选项卡的用户界面。它允许用户在不同的内容区域之间轻松导航,每个区域对应一个单独的选项卡。"遮盖式 TabNavigator"可能指的是在设计时或运行时...

    FLEX主要容器关系图

    在探讨"FLEX主要容器关系图"这一主题时,我们深入解析Flex框架中各种容器组件的层次结构与相互关联,这对于理解和应用Flex布局至关重要。Flex,作为Adobe推出的一款用于开发跨平台应用程序的开源框架,其核心优势...

    Flex tabNavigator 的初级应用

    NULL 博文链接:https://zhangyinyou.iteye.com/blog/671128

    flex4组建以及DEMO实例.安装序列号

    布局管理器也是Flex4的重要部分,如VGroup、HGroup、FormLayout等,它们负责控制组件在容器中的排列和大小。 3. 报表: Flex4提供了强大的数据可视化工具,如Chart组件,支持各种图表类型,如条形图、折线图、饼图...

    自定义ActionBar外观(flex4手机应用)

    可以将其添加为顶级容器的子组件,或者嵌入到其他组件中,如ViewStack或TabNavigator。 5. **事件处理**:根据需求,你可能需要监听和响应ActionBar上的按钮点击或其他用户交互。在组件类中,通过添加事件监听器并...

    (十四)Flex4_导航

    【标题】"Flex4_导航"涉及的是Adobe Flex 4框架中的导航系统,这是一个用于构建富互联网应用程序(RIA)的强大工具。Flex 4是ActionScript 3.0和Flash Player平台上的一个开源开发框架,它提供了更灵活的设计和布局...

    flex 4 开发帮助文档

    - **Halo布局容器**:回顾了Flex 3中的经典容器类型,并解释了如何在Flex 4中继续使用它们。 - **Halo导航容器**:专门讲解了用于构建导航界面的容器,如TabNavigator等。 - **控件**:最后,文档还列举了一些常用的...

    flex动态导航跳转页面

    在本场景中,"flex动态导航跳转页面"意味着开发者使用Flex构建了一个具有动态导航功能的页面,该页面能够根据用户的操作或特定条件,引导用户跳转到不同的子页面或功能模块。 1. **Flex架构和组件**: Flex框架...

    Flex4.0API中文手册完整版

    3. **Flex组件**:手册详细介绍了Spark和Halo组件集,包括Button、Label、TextInput等基本组件,以及Canvas、Accordion、TabNavigator等容器组件。理解这些组件的用法和交互模式对于构建用户界面至关重要。 4. **...

    flex 和 flexlib类库 实现 菜单和 TabNavigator

    NULL 博文链接:https://toeo.iteye.com/blog/644341

    flex中文帮助.rar

    8. **事件处理**:Flex应用中的事件处理是通过事件监听器实现的,允许程序对用户的交互做出响应,如点击按钮、关闭窗口等。 9. **图形和动画**:Flex提供了强大的图形绘制和动画功能,可以创建复杂的矢量图形和动态...

    flex4可用的3D页面切换

    为了实现3D页面切换,开发者可能还使用了`ViewStack`或`TabNavigator`组件,它们是Flex 4中用来管理多个视图或页面的容器。通过在用户切换页面时应用3D转换,可以创建出深度感和动态效果。 总的来说,这个项目展示...

    Flex从入门到实践2

    【Flex从入门到实践2】深入理解Flex中的导航与菜单设计 在Flex开发中,良好的导航设计对于提升用户体验至关重要。本章重点介绍了三种常见的导航组件:ViewStack、TabNavigator和Accordion,以及它们在构建应用程序...

    flex3的cookbook书籍完整版dpf(包含目录)

    在Flash中使用ContainerMovieClip创建Flex容器 21.3节.导入FlashCS3的组件 21.4节.认识Cairngorm小型结构 21.5节.创建Cairngorm视图、事件和模型 21.6节.创建Cairngorm命令和事务代理类 21.7节.创建...

Global site tag (gtag.js) - Google Analytics