Comment faire en sorte que les contrôles dans WPF remplissent l'espace disponible ?

Question

Certains contrôles WPF (comme le Button ) semble consommer allègrement tout l'espace disponible dans son conteneur si vous ne spécifiez pas la hauteur qu'il doit avoir.

Et d'autres, comme ceux que je dois utiliser en ce moment, les (multilignes) TextBox y el ListBox semblent plus soucieux d'occuper l'espace nécessaire à leur contenu, et pas plus.

Si vous mettez ces gars-là dans une cellule dans un UniformGrid ils s'étendront pour s'adapter à l'espace disponible. Cependant, UniformGrid ne sont pas adaptées à toutes les situations. Que se passe-t-il si vous avez une grille dont certaines lignes sont définies à une * hauteur pour diviser la hauteur entre elle-même et d'autres * lignes ? Et si vous aviez une StackPanel et vous avez un Label , a List et un Button Comment faire pour que la liste occupe tout l'espace qui n'est pas occupé par l'étiquette et le bouton ?

Je pensais qu'il s'agissait d'une exigence de base en matière de mise en page, mais je n'arrive pas à trouver comment faire en sorte qu'ils remplissent l'espace qu'ils pourraient occuper (en les mettant dans une DockPanel et le mettre en mode remplissage ne fonctionne pas non plus, semble-t-il, puisque les DockPanel n'occupe que l'espace nécessaire à ses sous-commandes).

Une interface graphique redimensionnable serait assez horrible si vous deviez jouer avec Height , Width , MinHeight , MinWidth etc.

Pouvez-vous lier votre Height y Width à la cellule de la grille que vous occupez ? Ou existe-t-il un autre moyen de procéder ?

Answer 1

Il existe également certaines propriétés que vous pouvez définir pour forcer un contrôle à remplir son espace disponible alors qu'il ne le ferait pas autrement. Par exemple, vous pouvez dire :

HorizontalContentAlignment="Stretch"

... pour forcer le contenu d'un contrôle à s'étirer horizontalement. Ou vous pouvez dire :

HorizontalAlignment="Stretch"

... pour forcer le contrôle lui-même à s'étirer horizontalement pour remplir son parent.

Answer 2

Chaque contrôle dérivé de Panel met en œuvre une logique de mise en page distincte réalisée dans Measure() y Arrange() :

• Measure() détermine la taille du panneau et de chacun de ses enfants
• Arrange() détermine le rectangle de rendu de chaque contrôle

Le dernier enfant de la DockPanel remplit l'espace restant. Vous pouvez désactiver ce comportement en définissant l'option LastChild à la propriété false .

Le site StackPanel demande à chaque enfant la taille qu'il souhaite, puis les empile. Le panneau d'empilage appelle Measure() sur chaque enfant, avec une taille disponible de Infinity et utilise ensuite la taille souhaitée par l'enfant.

A Grid occupe tout l'espace disponible, cependant, il définira chaque enfant à la taille souhaitée, puis les centrera dans la cellule.

Vous pouvez mettre en œuvre votre propre logique de mise en page en dérivant de l'élément suivant Panel et ensuite remplacer MeasureOverride() y ArrangeOverride() .

Ver cet article pour un exemple simple.

Answer 3

Je l'ai découvert moi-même, juste après l'avoir posté, ce qui est la manière la plus embarrassante. :)

Il semble que chaque membre d'un StackPanel remplira simplement sa taille minimale requise.

Dans le DockPanel, j'avais placé les éléments dans le mauvais ordre. Si la TextBox ou ListBox est le seul élément ancré sans alignement, ou si elle est la dernière ajoutée, elle remplira l'espace restant comme souhaité.

J'aurais aimé voir une méthode plus élégante pour gérer cela, mais cela fera l'affaire.

Answer 4

Utilisez le HorizontalAlignment y Alignement vertical les propriétés de mise en page. Elles contrôlent la façon dont un élément utilise l'espace dont il dispose à l'intérieur de son parent lorsqu'il y a plus d'espace disponible que celui dont l'élément a besoin.

La largeur d'un StackPanel, par exemple, sera égale à la largeur de l'élément le plus large qu'il contient. Ainsi, tous les éléments plus étroits ont un peu d'espace en trop. Les propriétés d'alignement contrôlent ce que l'élément enfant fait de cet espace supplémentaire.

La valeur par défaut des deux propriétés est Étirer, de sorte que l'élément enfant est étiré pour remplir tout l'espace disponible. Les options supplémentaires comprennent Gauche, Centre et Droite pour les propriétés HorizontalAlignment et Top, Center et Bottom pour Alignement vertical .