La Grid - Les unités

Jusqu'à présent, nous n'avons utilisé que les étoiles (*) pour les largeurs et hauteurs, ce qui signifie que les colonnes ou les lignes doivent occuper un certain pourcentage de l'espace par rapport aux autres. Cependant, il existe deux autres façons de spécifier la hauteur d'une ligne ou la largeur d'une colonne: en unités absolues, ou en "Auto". Essayons de créer une Grid en mélangeant les deux:

<Window x:Class="WpfTutorialSamples.Panels.GridUnits"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="GridUnits" Height="200" Width="400">
	<Grid>
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="1*" />
			<ColumnDefinition Width="Auto" />
			<ColumnDefinition Width="100" />
		</Grid.ColumnDefinitions>
		<Button>Button 1</Button>
		<Button Grid.Column="1">Button 2 with long text</Button>
		<Button Grid.Column="2">Button 3</Button>
	</Grid>
</Window>

Dans cet exemple, le premier bouton a une largeur "*", le second bouton a une largeur "Auto", et le dernier a une largeur fixe de 100 pixels.

Le résultat est visible sur l'aperçu: le second bouton prend exactement la place nécessaire pour afficher le contenu de son texte un peu long, le dernier bouton a une largeur fixe de 100 pixels, et le premier bouton occupe l'espace restant.

Dans une Grid où une ou plusieurs colonnes/lignes ont des dimensions "*" variables, elles partagent automatiquement tout l'espace restant et laissé par les colonnes/lignes qui utilisent des dimensions fixes ou Auto. Cela devient plus évident lorsqu'on redimensionne la fenêtre:

Sur le premier aperçu, vous pouvez voir que la Grid réserve de l'espace pour les deux derniers boutons, même si cela signifie que le premier ne dispose plus d'assez d'espace pour afficher correctement son contenu. Sur le second, les deux derniers boutons conservent exactement la même taille, laissant le surplus d'espace au premier.

Cela peut-être très utile pour concevoir des interfaces de dialogue. Par exemple, considérons un formulaire de contact où nous devons entrer notre nom, notre adresse et un commentaire. Les deux premiers champs ont généralement une hauteur fixe, alors que le dernier prendra tout l'espace disponible, laissant la possibilité d'écrire un long commentaire. Dans le prochain chapitre nous verrons comment construire ce type de formulaire, en utilisant des lignes et des colonnes de différentes tailles.