带有中继器的 Flex ViewStack - 中继器放置在底部

Question

我在创建 ViewStack 时遇到问题，其中包含一个转发器以及 ViewStack 内的其他组件（即 vBox）。中继器放置在视图的底部。尽管中继器列在其他组件之前，但它被放置在底部。

有没有一种解决方法可以让我在其他组件之前绘制中继器？

我用谷歌搜索了这个问题，其他人在另一个网站上问了同样的问题，但没有人回答。我正在粘贴他们帖子中的示例代码。中继器最后绘制。

谢谢

这是一个例子：

<mx:ViewStack id="viewStack" width="100%" height="100%" backgroundColor="#FFFFFF" 
         backgroundAlpha="1" paddingLeft="5" paddingRight="5" paddingBottom="5">

    <mx:Repeater id="editorsRP" dataProvider="{dynamicFields}" 
          repeatEnd="organizeViewStack();" width="100%" height="100%">

        <editor:DynamicFieldEditor label="{FieldGroup(editorsRP.currentItem).name}" 
              width="100%" height="100%" fields="{FieldGroup(editorsRP.currentItem).fields}" dataProvider="{details}" />

    </mx:Repeater>

    <editor:NotesEditor id="notesEditor" width="100%" height="100%" label="Notes" 
         enabled="false" notesProvider="{attachment}" />

</mx:ViewStack>

Answer 1

我相信问题出在 dataProvider 设置/更改其值时。

上面的代码中没有显示这一点，因此很难知道。但是，每当此值发生更改时，转发器创建的现有子级将从父级中删除，并添加新的。

如果 ViewStack 的子级已经创建，则转发器中的子级将放置在现有子级之后。

例如：

 <mx:TabNavigator width="500">
      <mx:VBox label="Static 1" />
      <mx:Repeater dataProvider="{['a','b','c']}">
          <mx:VBox label="From repeater" />
      </mx:Repeater>
      <mx:VBox label="Static 2" />
  </mx:TabNavigator>

在此实例中，dataProvider 在转发器初始化期间设置，因此选项卡按顺序显示：

¦ Static 1 ¦ From Repeater ¦ From Repeater ¦ From Repeater ¦ Static 2 ¦

但是，如果 dataProvider 的值更改（或 dataProvider 调度 CollectionChangeEvent），则 3 个转发器子级将是删除，并添加新的子项。这将保留 Tab 键顺序：

¦ Static 1 ¦ Static 2 | From Repeater ¦ From Repeater ¦ From Repeater ¦

我注意到您已将 organizeViewStack 方法连接到 repeatEnd 事件处理程序 - 尽管未显示该方法的代码。

这看起来是管理这个问题的最佳方法——一旦孩子们的顺序被设定，就重新调整他们的顺序。

Answer 2

我猜测了一下，但是

ViewStack 的所有子级都必须是容器。 Repeater 不是一个容器。因此，它作为 ViewStack 子级的放置是无关紧要的，因为出于所有意图和目的，它都会被忽略。

然而，当转发器执行时，它会创建一堆容器并将它们添加到父容器（又名 ViewStack）中；从而为它们提供与您从代码中期望的不同的 Z 顺序。

您是否正在尝试创建 ViewStack 的许多不同子级？或者您是否期望“DynamicFieldEditors”以某种方式堆叠？