Partager via


Comment : créer un StackPanel

Mise à jour : novembre 2007

Cet exemple montre comment créer un StackPanel.

Exemple

Un StackPanel vous permet d'empiler des éléments dans une direction spécifiée. En utilisant les propriétés définies sur StackPanel, le contenu peut circuler verticalement, paramètre par défaut, ou horizontalement.

L'exemple suivant empile verticalement cinq contrôles TextBlock, chacun avec des Border et Background différents, en utilisant StackPanel. Les éléments enfants qui n'ont pas de Width spécifiée s'étirent pour remplir la fenêtre parente. En revanche, les éléments enfants disposant d'une Width spécifiée sont centrés dans la fenêtre.

La direction de la pile par défaut dans un StackPanel est verticale. Pour contrôler le flux du contenu d'un StackPanel, utilisez la propriété Orientation. Vous pouvez contrôler l'alignement horizontal en utilisant la propriété HorizontalAlignment.

<Page xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="StackPanel Sample">
  <StackPanel>
    <Border Background="SkyBlue" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="12">Stacked Item #1</TextBlock>
    </Border>
    <Border Width="400" Background="CadetBlue" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="14">Stacked Item #2</TextBlock>
    </Border>
    <Border Background="LightGoldenRodYellow" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="16">Stacked Item #3</TextBlock>
    </Border>
    <Border Width="200" Background="PaleGreen" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="18">Stacked Item #4</TextBlock>
    </Border>
    <Border Background="White" BorderBrush="Black" BorderThickness="1">
      <TextBlock Foreground="Black" FontSize="20">Stacked Item #5</TextBlock>
    </Border>
  </StackPanel>
</Page>

Voir aussi

Concepts

Vue d'ensemble de Panel

Référence

StackPanel

Autres ressources

Rubriques Comment relatives à StackPanel

StackPanel, exemples