Flex 3 中的滚动选项卡

Question

我需要在flex3 中制作一个选项卡导航器。如果没有。选项卡的数量增加，然后我需要显示滚动条以在选项卡上导航。我正在尝试使用 tabBar 来做到这一点。但如果没有。 tab 的增加会将滚动条放置在 tabBar 及其内容的父级周围。而我只需要滚动选项卡而不是它的内容，就像在 Firefox 中一样。 有人可以建议我如何实现这一点吗？

提前致谢

Answer 1

放弃选项卡导航器。

使用 tabBar 切换视图堆栈的子项，将该选项卡栏放入一个框中，将框设置为特定宽度，然后当选项卡超出宽度时，该框将为您提供一个滚动条。您可以移动/设置滚动条的样式，以便可以将所有内容正确排列。

通过将 tabBar 与导航器（在本例中为视图堆栈）分离，您可以将其放在不同的父级中并获得您正在寻找的结果。

根据您的评论：
我没有例子，但这里有类似的东西：
http://fleksray.org/adobe_flex_components_en.html#Button%20Scrolling%20Canavas

这就是我的做法：

/--------------------------------------------------------------------------------------\
|                                 BOX-A                                                |
|  /--------\/-----------------------------------------------------------\/---------\  |
|  |        ||                                                           ||         |  |
|  |  BOX-B ||                     BOX-C                                 || BOX-D   |  |
|  |        ||                                                           ||         |  |
|  \--------/\-----------------------------------------------------------/\---------/  |
|                                                                                      |
\--------------------------------------------------------------------------------------/

框 B 刚好足够容纳您的箭头图像，与框 D 相同。框 C 包含您的 tabBar，但将水平滚动策略关闭。所有这 3 个都放入 Box A 中，它可以是 HBox，以使布局更容易。将单击事件处理程序添加到箭头图像以设置 Box-c 的水平滚动位置 +=20 或 -=20，具体取决于您的箭头。 （更改这些数字以适合您）。您甚至可以加倍努力，将框 B 和 D 的 includeInLayout 属性设置为 false，除非您的 tabBar 占用的宽度超过框 C 的宽度。