在Adobe /Flex中安排和显示一组组的方法

Question

到目前为止，我一直在为web应用程序做UI，并且对flex非常陌生。我最近一直在开发一个应用程序，它需要一组4-5个不同的视图.例如：-

图1:所有学生的名单和他们的详细资料查看2:所有学院的名单和他们的详细资料查看3:所有非教职员工的名单4:一些基于学生表现的数据分析

现在，我尝试连接这些视图(所谓视图，我指的是父容器组件)。我正在使用TabNavigator中的Group)，但最终的结果在我看来是相当糟糕的--它看起来就像一个有5个标签显示不同信息的网站。

我喜欢Salesforce为他们的仪表板实现应用程序视图的方式，所以现在我有了一个下拉列表，其中包含指向这些视图的父组的引用。在选择时，我使各自的组可见并隐藏其他组。到目前为止，它在UI方面的工作非常好。在UI后面，正在发生的是所有5个组都存在，但在任何时间点都只能看到其中的一个。对于每一个选择，我必须将其他组设置为不可见。

然而，我不认为这是一个好办法。有一个更好的解决方案比使小组可见和无形！TabNavigator的工作方式是一样的吗？

我也对其他想法持开放态度。如对此有任何帮助/意见/建议，将不胜感激。

Answer 1

TabNavigator是一个ViewStack。ViewStack包含一个容器集合，其中只有一个在给定的点上是可见的。您可以操纵selectedChild或selectedIndex属性的ViewStack来控制可见的属性。您可以扩展ViewStack并对其进行自定义，也可以只使用其中一个来控制组的集合。我非常肯定隐藏的容器不包括在Flex生命周期中，这使得它成为一个很好的选择。