`

Flex学习记录(在容器中动态添加和移除子组件)

阅读更多
使用addChild 或者addChildAt 方法来添加子组件,同理,使用removeChildAt 或者
removeAllChildren 方法来移除子组件。
Flex 方法使得添加和移除子组件操作变得容易,但是UIComponent 控件和容器则遵从稍显
不同的两组规则。
addChild 方法将任何继承自UIComponent 的子组件添加到调用这个方法的控件中。例如:
var component:UIComponent = new UIComponent();
addChild(component);
addChildAt 方法的不同在于,它在子组件被添加到容器的时候需要传入一个该子组件在目
标容器内的索引。在容器没有布局管理器的情况下,比如Canvas 对象,这意味着被添加的
子组件会在指定的z 索引深度上显示。而对于拥有布局管理器的容器来说,例如HBox 和VBox
组件,被添加的子组件则会出现在提供的索引上。例如:
var component:UIComponent = new UIComponent();
addChildAt(component, 3);
要移除任意子组件,调用removeChildAt,即会移除指定索引上的子组件。
removeChildAt(2);
容器和UIComponent 控件也有removeChild 方法,该方法要求传入一个需要移除的子组件的
引用。
Flex 提供了不同的方法来访问被添加到容器中的子组件。在获悉如何访问子组件之后,你
可以使用访问子组件得到的引用来移除它们。例如,任何添加到MXML 容器的子组件都可以
通过它们的id 属性来访问。任何容器的所有子组件都可以使用getChildAt 来访问它们,如
下:
getChildAt(index:int);
如果赋以了name 属性,也可以通过name 属性来访问它们。要确定任何组件所包含的子组件
个数,使用numChildren 属性:
var i:int = 0;
while(i<this.numChildren)
{
trace(getChildAt(i));
i++;
}
移除子组件的时候,可以使用子组件的index 或者id 作为引用,像后面这样的句式,
removeChild(getChildAt(2));或者removeChild(this.childId);
最后,removeAllChildren 方法则可以移除添加到某一组件内的所有子组件。
分享到:
评论

相关推荐

    【完美翻译】Flex组件的生命周期

    Flex组件的生命周期是Adobe Flex框架中一个至关重要的概念,它涉及到UIComponent类及其子类(如Button、Canvas等)在创建、初始化、显示和销毁过程中的各个阶段。深入理解组件生命周期有助于开发者更有效地管理组件...

    Flex3组件和框架的生命周期

    ### Flex3组件和框架的生命周期 #### 知识点概览 - **Flex3简介** - **Flex3组件生命周期** - 构造阶段 - 添加阶段 - 初始化阶段 - 失效机制阶段 - 生效机制阶段 - 更新阶段 - 移除阶段 - **Flex应用程序...

    flex一个动态添加卸载Module的例子

    在这个例子中,我们将深入探讨如何在Flex中动态添加和卸载Module。 模块(Module)是Flex应用程序的一个重要组成部分,它允许我们将大项目分解为更小、更易于管理的部分。动态加载和卸载Module是优化应用程序性能和...

    flex学习笔记beginning

    以上内容概括了Flex学习过程中的关键知识点,涵盖了ActionScript的核心概念、Flex中的常用组件以及如何利用各种技术来增强应用的功能和美观度。这些知识点不仅适用于初学者入门,也为开发者提供了深入研究的方向。

    理解Flex3的组件和框架的生命周期.doc

    在深入理解 Flex3 的组件和框架生命周期之前,我们需要先了解 Flex 的历史背景以及其运行机制。 Flex 简史: Flex 的发展始于2004年,最初由 Macromedia 开发,后来被 Adobe 收购。Flex3 是一个关键版本,引入了更...

    flex动态表单源码

    这可以通过在ActionScript中动态地实例化、添加和移除UI元素来实现。表单通常由一系列输入字段、按钮、标签等组成,它们可以被编程方式创建、配置和管理。 2. 源码解析: Flex的动态表单实现通常涉及以下关键步骤:...

    理解Flex3组件和框架的生命周期.pdf

    在这个阶段,Flex框架会处理一些内部逻辑,确保组件正确地集成到其父容器中。 #### 初始化阶段 初始化阶段发生在组件已经被添加到显示列表之后。在这个阶段,组件执行更深层次的初始化任务,如绑定事件监听器、...

    flex sample-跳转

    除此之外,Flex的ViewStack还支持动态添加和移除视图,这对于构建可扩展的应用程序非常有用。你还可以通过设置`transition`属性来添加过渡动画,增强用户体验。例如,你可以设置`ViewStack`的`change`事件,当视图...

    理解Flex3的组件和框架的生命周期

    在 Flex3 中,组件和框架的生命周期管理变得更加复杂但也更加灵活。 生命周期是指一个对象从被创建到被销毁的过程中的各个状态。对于 Flex 组件而言,生命周期主要包括以下几个阶段: 1. **构造阶段** (birth): ...

    深入FLEX组件生命周期

    在FLEX开发过程中,深入了解组件的生命周期对于优化应用程序性能、确保组件正确响应用户交互至关重要。本文将详细解析Flex组件生命周期的主要阶段:初始化(Initialization)、更新(Updating)及销毁(Destruction...

    flex FCKEditor 下载

    5. **显示编辑器**:将编辑器组件添加到Flex应用的UI容器中,使其在页面上可见。 6. **数据绑定**:如果你需要在Flex应用的其他部分使用编辑器的内容,可以利用Flex的数据绑定功能将FCKEditor的值与数据模型关联...

    flex mdi 窗口的使用

    4. **添加和管理子窗口**:使用`MDIContainer`的`addChild()`方法将子窗口添加到容器中,`removeChild()`方法移除子窗口。`activateChild()`方法可以激活某个子窗口,使其成为当前焦点。 5. **子窗口的布局**:`...

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

    3.4 节在容器中动态添加和移除子组件 3.5 节对容器使用基于约束的布局 3.6 节在容器内为子组件设置最大、最小尺寸 3.7 节为容器指定行和列的约束 3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器...

    Flex 4.6文档

    - **事件处理**:介绍了Flex中的事件系统,包括常见事件类型、事件监听器的添加和移除等。 - **SDK配置**:提供了关于如何配置Flex SDK的详细指导,这对于确保项目的顺利运行至关重要。 ### 三、应用架构 **3.1 ...

    flex右键菜单RightClickManager 非Application也可以弹出

    在Flex中,右键菜单是一个常见的需求,可以增强用户体验,提供更多的操作选项。 在Flex中实现右键菜单通常有两种方式,一种是通过Flex内置的ContextMenuItem类,另一种是通过第三方库RightClickManager。原生的...

    为flex panel添加最小,最大化和关闭按钮(修改版)

    在Flex中,Panel是一种容器组件,通常用于创建具有标题、边框和可选的滚动条的区域。原生的Panel组件默认并未内置最小化和最大化功能,用户需要自定义这些功能。这个修改版则解决了这个问题,通过扩展Panel类并覆盖...

    flex3 tabnavigator一个很好的例子

    5. **动态添加/移除选项卡**:在运行时,你可以通过`addChild()`和`removeChild()`方法动态地添加或移除选项卡,以适应用户交互和应用程序的需求。 6. **数据绑定**:在Flex3中,TabNavigator还可以与数据模型进行...

    flex-event.zip_flex

    在Flex中,可以使用addEventListener方法添加事件监听器,通常包括事件类型、处理函数和可选的捕获标志。removeEventListener方法用于移除已注册的监听器。此外,事件监听器函数通常接收两个参数:一个是事件对象,...

Global site tag (gtag.js) - Google Analytics