Partager via

Comment : créer un StackPanel

  • Article

Cet exemple montre comment créer un StackPanel.

Exemple

A 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 à la fois verticalement, qui est le paramètre par défaut ou horizontalement.

L’exemple suivant empile verticalement cinq TextBlock contrôles, chacun avec un autre Border et Background, à l’aide StackPanelde . Éléments enfants qui n’ont pas d’étirement spécifié Width pour remplir la fenêtre parente ; toutefois, les éléments enfants qui ont un élément spécifié Width, 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 de contenu dans un StackPanel, utilisez la Orientation propriété. Vous pouvez contrôler l’alignement horizontal à l’aide de la HorizontalAlignment propriété.

<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