Прокрутка вкладок в Flex 3 - PullRequest
Новая
       18

Прокрутка вкладок в Flex 3

3 голосов
/ 03 марта 2010

Мне нужно сделать вкладку навигатора во flex3. Если нет. из вкладок увеличивается, то мне нужно показать полосу прокрутки для навигации по вкладкам. Я пытаюсь сделать это с помощью tabBar. Но если нет. of tab увеличивает это, помещает полосу прокрутки вокруг родителя tabBar и его содержания. Принимая во внимание, что мне нужно прокручивать только вкладки, а не их содержимое, как в Firefox. Кто-нибудь может подсказать, пожалуйста, как мне это сделать.

Заранее спасибо

1 Ответ

4 голосов
/ 03 марта 2010

Откажитесь от навигатора вкладок.

Используйте tabBar для переключения дочерних элементов стека просмотра, поместите эту панель вкладок в поле, установите для блоков определенную ширину, а затем окно даст вам полосу прокрутки, когда вкладки выходят за пределы ширины. Вы можете перемещать / стилизовать эту полосу прокрутки, чтобы выровнять все по порядку.

Отделив tabBar от навигатора (в данном случае стека представлений), вы можете поместить его в другой родительский элемент и получить искомый результат.

Согласно вашему комментарию: У меня нет примера, но здесь есть нечто похожее: http://fleksray.org/adobe_flex_components_en.html#Button%20Scrolling%20Canavas

Вот как бы я это сделал: 

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

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

...