Discussion :

[Invité]

Bonjour,

quelqu'un pourrait-il m'indiquer comment à partir de la Form, on réalise cette simple disposition (ici en Qt)... Je vois plein de présentations sophistiquées mais ce truc si simple avec le Qt Designer comment fait-on en FireMonkey ? : un Truc Layout et 2 TButtons (avec leur taille par défaut) repoussés par un "Horizontal Spacer".



Merci !!!!!!!!!!!!!!!!!

Cordialement. Gilles

[gbegreg]

Bonjour,

Peut être en mettant 3 TLayout :
- le premier en tant que conteneur;
- le second enfant du premier aligné sur toute la gauche ;
- le troisième enfant du premier aligné sur toute la droite.

Ensuite, en plaçant un bouton dans le second TLayout et un autre bouton dans le troisième.
Et pourquoi ne pas mettre le tout dans un TFrame pour pouvoir facilement le réutiliser ensuite ?

[Invité]

Bonjour,

Bon en réalité, je cherche plutôt cela :



Et le nombre de boutons est assez important. Disons une série alignée à gauche et une à droite, l'ensemble dans un ToolBar.
Merci. Je vais étudier votre réponse.

[Thierry Laborde]

Bonjour,

Pourquoi ne pas simplement mettre un Layout (Ou un composant Toolbar) avec des Button à l'intérieur aligné à gauche et aligné à droite dans le Layout. Et ensuite jouer sur les propriétés Margins ou Padding du Layout et/ou des Buttons pour les espacements entre les boutons ?

[Thierry Laborde]

Par exemple :



1 Layout avec 3 Buttons
Button3 et Button2 avec Align := Left et Button1 avec Align := Right
Propriétés Padding.Bottom et Padding.Top du Layout := 10
Propriétés Margins.Left Margins.Right de tous les Buttons := 10

Pas besoin du coup de multiplier les Layouts.

[Invité]

Je suis arrivé à quelque chose.... mais la méthode est totalement... j'ai pas de mot. J'en déduis que je n'utilise pas la bonne.



Alors 2 modèles de boutons, l'un Left+Top l'autre Right+Top

Je crée GridPanelLayoutMain à 2 colonnes [Percent 50%]
Dedans

• Column 0 : un GridPanelLayoutLeft à (nb de boutons +1) colonnes (ici 4 : Auto-Auto-Auto-Percent 100%)
• Column 1 : un GridPanelLayoutRight à (nb de boutons +1) colonnes (ici 3 : Percent 100%- Auto-Auto)

Ensuite

• je remplis le GridPanellayoutLeft en copiant le modèle de bouton Left+Top
• je remplis le GridPanellayoutRight en copiant le modèle de bouton Left+Right et même si cela ne semble pas nécessaire j'affecte les columns des 2 Tcontrolcollection respectivement aux colonnes 1 et 2 laissant la 0 libre.

J'ai oublié de préciser qu'il faut enlever une Row à chaque Grid Panel créé.

Très, très curieux et pas très naturel. Si quelqu'un connaît la bonne méthode, je suis preneur Pas vu (encore) la méthode de Thierry. Nos messages se sont croisés. En tous cas. Merci.

[gbegreg]

La solution proposée par Thierry est celle à laquelle j'avais pensé au début mais Selzig a précisé des boutons "avec leur taille par défaut". En alignant avec les marges, on perd cette notion de taille par défaut.

D'où le fait de placer un bouton dans un TLayout : le bouton est aligné en "center" dans son layout conteneur et c'est ce layout conteneur que l'on aligne comme on souhaite dans un autre layout conteneur (simulant la toolbar). Certes on multiplie les TLayout (1 par bouton) mais la taille du bouton est celle par défaut.

[pprem]

Il me semble que la solution de Thierry donnée juste avant ton dernier message est la plus adaptée à ton problème. Sinon tu peux aussi jouer avec les ancres, mais autant en rester aux alignements gauche/droite dans le même conteneur.

Petit bémol puisque Grégory a répondu en même temps et du coup c'est sa solution qui l'emporte si les composants ne doivent pas se resizer automatiquement. En revanche, si on joue avec les alignements c'est aussi pour gérer les multiples formats d'écrans et de tailles de fenêtres. Dans ce cas là, un changement automatique de taille selon la plateforme peut aussi jouer en faveur de l'alignement direct.