2010-03-03 59 views
3

我需要在flex3中制作标签导航器。如果不。的标签增加,然后我需要显示滚动条浏览标签。我正在尝试使用tabBar来做到这一点。但如果不是。的选项卡增加,它将围绕tabBar的父项及其内容放置滚动条。而我需要只滚动标签而不是像Firefox中的内容。 任何人都可以请建议我,我怎么能做到这一点。flex 3中的滚动标签

在此先感谢

回答

4

沟标签导航器。

使用tabBar切换viewstack的子项,将该标签栏放入一个框中,将这些框设置为特定的宽度,然后当该标签超出宽度时,该框会为您提供一个滚动条。您可以移动/设置该滚动条的样式,以便您可以将所有内容排列在右侧。

通过从导航器中分离tabBar(在本例中为视图堆栈),可以将它放在不同的父级中,并获得您要查找的结果。

按您的评论: 我没有一个例子,但有类似的东西在这里: http://fleksray.org/adobe_flex_components_en.html#Button%20Scrolling%20Canavas

这是我会怎么做:

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

柜B只是大足够用于您的箭头图像,与框D相同。框C包含您的tabBar,但将horizo​​ntalscrollpolicy关闭。所有这些都进入盒子A可以是一个HBox使布局更容易。在您的箭头图像中添加点击事件处理程序,以根据您的箭头设置Box-c的horizo​​ntalscrollposition + = 20或 - = 20。 (改变这些数字以适合你)。除非您的tabBar占用比Box C的宽度更多的空间,否则您甚至可以多走一步并将Box B和D的includeInLayout属性设置为false。

+0

这将滚动选项卡。但滚动条出现。我需要像在浏览器中一样滚动选项卡。两个箭头按钮到Tabbar的两个边缘。你能否建议我怎么做到这一点。 谢谢。 – Shruti 2010-03-09 12:47:37

+0

感谢invertedSpear !!它正在工作... – Shruti 2010-03-10 13:40:05

+0

高兴得到了帮助。 – invertedSpear 2010-03-10 15:08:17