прокрутки вкладки в 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 | | 
| |  ||               ||   | | 
| \--------/\-----------------------------------------------------------/\---------/ | 
|                      | 
\--------------------------------------------------------------------------------------/ 

Box B является просто большой достаточно для вашего изображения стрелки, то же самое с полем D. Коробка C содержит ваш tabBar, но поворачивает horizontalscrollpolicy к выключенному. Все 3 из них входят в Box A, который может быть HBox, чтобы облегчить компоновку. Добавьте обработчик событий щелчка в ваши стрелочные изображения, чтобы установить горизонтальную привязку Box-c + = 20 или - = 20 в зависимости от вашей стрелки. (измените эти цифры, которые вам подходят). Вы даже можете пройти лишнюю милю и установить для includeInLayout свойства полей B и D как false, если ваш tabBar занимает больше, чем ширина поля C.