flex 3中的滚动标签

Question

我需要在 flex3 中制作一个标签导航器。如果不。标签的数量增加，然后我需要显示滚动条来浏览标签。我正在尝试使用 tabBar 来做到这一点。但如果没有。选项卡增加它会将滚动条放在 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 的宽度。