Flex 4 - 当容器的子级依赖于状态时如何循环它们

Question

Flex 的新状态重新设置了标有 includeIn/excludeFrom 的视觉项目的父级。如果我有一个包含 5 个受状态控制的子元素/元素的组 (MainGroup)，是否还有办法获取对 MainGroup 子元素的引用？ mainGroup.numChildren 和 mainGroup.numElements 不起作用，因为子级被重新设置了父级。最好的情况下，它们显示 1。

<s:states>
   <s:State name="view1State" />
   <s:State name="view2State" />
   <s:State name="view3State" />
   <s:State name="view4State" />
</s:states>

<s:Group id="mainGroup">
    <shipping:OrderShipping id="view1"
            includeIn="view1State" />
    <payment:OrderPayment id="view2"
            includeIn="view2State" />
    <verification:OrderVerification id="view3"
            includeIn="view3State" />
    <confirmation:OrderConfirmation id="view4"
            includeIn="view4State" />
</s:Group>

Answer 1

如果你想让状态控制visible/includeinlayout而不是parenthood，就这样做

<s:states>
    <s:State name="view1State" />
    <s:State name="view2State" />
    <s:State name="view3State" />
    <s:State name="view4State" />
</s:states>
<s:Group id="mainGroup">
    <shipping:OrderShipping id="view1" 
        visible="false" 
        includeInLayout="false" 
        visible.view1State="true" 
        includeInLayout.view1State="true"/>
    <payment:OrderPayment id="view2" 
        visible="false" 
        includeInLayout="false" 
        visible.view2State="true" 
        includeInLayout.view2State="true"/>
    <verification:OrderVerification id="view3" 
        visible="false" 
        includeInLayout="false" 
        visible.view3State="true" 
        includeInLayout.view3State="true" />
    <confirmation:OrderConfirmation id="view4" 
        visible="false" 
        includeInLayout="false"
        visible.view4State="true" 
        includeInLayout.view4State="true"/>
</s:Group>

Answer 2

我在我的一个应用程序中遇到了类似的情况，这就是我完成任务的方式。我觉得有必要这么说，虽然这很有效，但我觉得它有点老套。考虑到这一点：

1. 创建另一个状态，我们将其称为作弊。将此状态设置为默认状态（将其放在 states 数组中的第一个位置。
2. 更新所有视图以包含在此状态中。
   例如，
3. 创建一个名为 views< 的 Array 类型的新类成员/代码>。
4. 添加 creationComplete 事件处理程序。在处理程序中填充 views 并引用每个视图。例如，views = [view1, view2, view3, view4];
5. 将状态更改为您的“第一个”（非作弊）状态：setCurrentState("view1State ");

毕竟，无论您的应用程序当前处于哪种状态，您的 views 数组都将引用每个视图。

Answer 3

我不确定底层状态实现是否会删除/添加子组件或更改其可见性。

如果是前者，我会尝试这样的方法：

for (var x : int = 0; x<mainGroup.numChildren ; x++){
 var child : UIComponent = mainGroup.getChildAt(x);
 if(child.parent){
   // The child has a parent, so it must be displayed; do your processing 
 } else {
   // really this should never occur 
 }
}

如果是可见性问题，则执行以下操作：

for (var x : int = 0; x<mainGroup.numChildren ; x++){
 var child : UIComponent = mainGroup.getChildAt(x);
 if(child.visible){
   // The child is displayed; do your processing 
 } else {
   // child isn't displayed
 }
}

我猜第一种方法是正确的方法。

[注意我在浏览器中编写了这段代码]

Answer 4

我得到了最佳答案！好吧，我会让你决定。只需对 states 数组进行操作...

 for each (var viewState:State in mainDocument.states)
{
    var overrides:Array = viewState.overrides;

    for (var i:int = 0; i < overrides.length; i++)
    {
        var addItems:AddItems = overrides[i];
        if (addItems.destination === mainDocument.mainGroup)
            trace((addItems.items as UIComponent).name);
    }

}