Guide pratique pour créer un StackPanel

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 des propriétés définies sur StackPanel, le contenu peut circuler verticalement, qui est le paramètre par défaut ou horizontalement.

L’exemple suivant empile verticalement cinq contrôles TextBlock, chacun avec une Border et un Backgrounddifférents, à l’aide de StackPanel. Les éléments enfants qui n'ont pas de Width spécifié s'étirent pour remplir la fenêtre parente ; toutefois, les éléments enfants qui ont un Widthspécifié sont centrés dans la fenêtre.

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

<Page xmlns="http://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

• StackPanel
• Vue d’ensemble des panneaux
• sujets de tutoriels