Discussion :

[toopac]

Bonjour,

J'ai des problèmes avec la "mise en page" de composants dans mon header.

Voilà en gros à quoi ça devrait ressembler :

Un première image (le logo), à droite.
Juste à côté, une combobox, qui doit être centrée verticalement.
Tout à gauche : Un label et deux bouton, eux aussi centrés verticalement

J'ai donc placé tous mes composants dans une HBox

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<mx:HBox>
    <mx:Image .../>
    <mx:Combobox .../>
    <mx:Box width="100%" .../>
    <mx:Label .../>
    <mx:Button .../>
    <mx:Button .../>
</HBox>

ça fonctionne bien,mais je n'arrive pas à les centrer verticalement. Il sont tous "en haut".

J'ai essayé plusieurs combinaisons avec des box/hbox, etc, et utilisé la propriété verticalAlign, mais rien n'y fait, tout reste toujours en haut.

Honnêtement, je n'y comprend pas grand chose à tout ce qui est mise en page dans Flex..., c'est pour ça que je viens demander votre aide.

Il y a une propriété que j'ai manqué, ou un composant que j'utilise mal?

Merci!

[clemoigno]

Je crois que tu confonds ta droite et ta gauche.
A moins que tu ne parles de l'autre droite, et l'autre gauche évidemment

A priori ce que tu fais est correct. Tu mets bien le verticalAlign sur la HBox 'mère' ?

Ce bout de code fais ce que tu veux je viens d'essayer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<mx:HBox borderColor="green" borderStyle="solid" verticalAlign="middle" width="500">
    <mx:Canvas width="100" height="100" borderColor="red" borderStyle="solid"/>
    <mx:Text text="Du texte"/>
    <mx:Spacer width="100%"/>
    <mx:Button label="toto"/>
    <mx:Button label="tutu"/>
</mx:HBox>

Et sinon utilise peut-être un Spacer plutôt qu'une Box pour 'bourrer' au milieu.

[toopac]

ok c'est bon ça marche.

(oui a force de modifier mon post, c'est devenu plus très juste l'histoire de gauche et droite^^)

[clemoigno]

Un p'tit tag résolu qui va bien alors ?

[toopac]

Merci!

Dsl (partit mangé^^)