Gewusst wie: Erstellen eines StackPanel

In diesem Beispiel wird die Erstellung eines StackPanel veranschaulicht.

Beispiel

Mithilfe eines StackPanel können Sie Elemente in einer festgelegten Richtung stapeln. Mit Eigenschaften, die über den StackPanel definiert werden, kann Inhalt vertikal und horizontal fortlaufend angezeigt werden. Die Standardeinstellung ist vertikal.

In folgendem Beispiel werden fünf TextBlock-Steuerelemente mit jeweils unterschiedlichem Border und Background mithilfe von StackPanel vertikal gestapelt. Die untergeordneten Elemente ohne festgelegte Width werden gestreckt, um das übergeordnete Fenster auszufüllen. Untergeordnete Elemente mit einer festgelegten Width hingegen werden innerhalb des Fensters zentriert.

Standardmäßig ist die Stapelrichtung in einem StackPanel vertikal. Sie können die Richtung des Inhalts in einem StackPanel mithilfe der Orientation-Eigenschaft festlegen. Eine horizontale Ausrichtung legen Sie mithilfe der Eigenschaft HorizontalAlignment fest.

<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>

Siehe auch

Referenz

StackPanel

Konzepte

Übersicht über Panel-Elemente

Weitere Ressourcen

Gewusst-wie-Themen zu StackPanel