faire défiler les onglets dans flex 3

Question

Je dois faire un onglet de navigateur dans flex3. Sinon. des onglets augmente alors je dois montrer la barre de défilement pour naviguer sur les onglets. J'essaie de le faire en utilisant tabBar. Mais si non. des augmentations d'onglet il met la barre de défilement autour du parent de tabBar et de son contenu. Alors que j'ai besoin de faire défiler uniquement les onglets pas son contenu comme dans Firefox. Quelqu'un pourrait me suggérer comment pourrais-je accomplir cela.

Merci à l'avance

Answer 1

Ditch le navigateur onglet. Utilisez un tabBar pour basculer les enfants d'une vue, placez cette barre dans une case, définissez les cases sur une largeur spécifique, puis la barre vous donnera une barre de défilement lorsque les onglets s'étendent au-delà de la largeur. Vous pouvez déplacer/styliser cette barre de défilement afin de pouvoir tout aligner correctement. En séparant le tabBar du navigateur (dans ce cas, la pile de vue), vous pouvez le placer dans un parent différent et obtenir le résultat que vous recherchez.

Selon votre commentaire: Je n'ai pas un exemple, mais il y a quelque chose de similaire ici: http://fleksray.org/adobe_flex_components_en.html#Button%20Scrolling%20Canavas

Voilà comment je le ferais:

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

Box B est juste grand assez pour votre image en forme de flèche, même chose avec la case D. La boîte C contient votre tabBar, mais désactivez horizontalscrollpolicy. Tous les trois d'entre eux vont dans la boîte A qui peut être un HBox pour faciliter la mise en page. Ajoutez un gestionnaire d'événements de clic à vos images de flèches pour définir horizontalscrollposition de Box-c + = 20 ou - = 20 en fonction de votre flèche. (changez ces chiffres pour vous convenir). Vous pouvez même aller plus loin et définir les propriétés includeInLayout des cases B et D sur false à moins que votre tabBar ne dépasse la largeur de la case C.