3.4.在容器中動(dòng)態(tài)添加和移除子組件

2024-04-27 13:51:47

字體：大中小

供稿：網(wǎng)友

3.4.1 問題
需要程序在運(yùn)行時(shí)從容器添加和移除子組件而不使用Repeater 或者DataProvide 控件。
3.4.2 解決辦法
使用addChild 或者addChildAt 方法來(lái)添加子組件，同理，使用removeChildAt 或者
removeAllChildren 方法來(lái)移除子組件。
3.4.3 討論
Flex 方法使得添加和移除子組件操作變得容易，但是UIComponent 控件和容器則遵從稍顯不同的兩組規(guī)則。

addChild 方法將任何繼承自UIComponent 的子組件添加到調(diào)用這個(gè)方法的控件中。例如：

-ActionScript

var component:UIComponent = new UIComponent();
addChild(component);

addChildAt 方法的不同在于，它在子組件被添加到容器的時(shí)候需要傳入一個(gè)該子組件在目標(biāo)容器內(nèi)的索引。在容器沒有布局管理器的情況下，比如Canvas 對(duì)象，這意味著被添加的子組件會(huì)在指定的z 索引深度上顯示。而對(duì)于擁有布局管理器的容器來(lái)說(shuō)，例如HBox 和VBox組件，被添加的子組件則會(huì)出現(xiàn)在提供的索引上。例如：

-ActionScript

var component:UIComponent = new UIComponent();
addChildAt(component, 3);

要移除任意子組件，調(diào)用removeChildAt，即會(huì)移除指定索引上的子組件。

-ActionScript

removeChildAt(2);

容器和UIComponent 控件也有removeChild 方法，該方法要求傳入一個(gè)需要移除的子組件的引用。

Flex 提供了不同的方法來(lái)訪問被添加到容器中的子組件。在獲悉如何訪問子組件之后，你可以使用訪問子組件得到的引用來(lái)移除它們。例如，任何添加到MXML 容器的子組件都可以通過(guò)它們的id 屬性來(lái)訪問。任何容器的所有子組件都可以使用getChildAt 來(lái)訪問它們，如下：

-ActionScript

getChildAt(index:int);

如果賦以了name 屬性，也可以通過(guò)name 屬性來(lái)訪問它們。要確定任何組件所包含的子組件個(gè)數(shù)，使用numChildren 屬性：

-ActionScript

var i:int = 0;
while(i<this.numChildren)
{
trace(getChildAt(i));
i++;
}

移除子組件的時(shí)候，可以使用子組件的index 或者id 作為引用，像后面這樣的句式，removeChild(getChildAt(2));或者removeChild(this.childId);

最后，removeAllChildren 方法則可以移除添加到某一組件內(nèi)的所有子組件。

上一篇：3.1.使用布局管理器布置子組件

下一篇：3.3.以不同的坐標(biāo)系統(tǒng)跟蹤鼠標(biāo)位置