Udostępnij za pośrednictwem

Jak utworzyć StackPanel

W tym przykładzie pokazano, jak utworzyć StackPanel.

Przykład

StackPanel umożliwia układanie elementów w określonym kierunku. Korzystając z właściwości zdefiniowanych w StackPanel, zawartość może przepływać zarówno w pionie (co jest ustawieniem domyślnym), jak i poziomo.

Poniższy przykład pionowo układa pięć kontrolek TextBlock, z których każda z nich ma różne Border i Background, przy użyciu StackPanel. Elementy podrzędne, które nie mają określonego Width, rozciągają się, aby wypełnić okno nadrzędne. Jednak elementy podrzędne, które mają określony Width, są wyśrodkowane w oknie.

Domyślny kierunek stosu w StackPanel jest pionowy. Aby kontrolować przepływ zawartości w StackPanel, użyj właściwości Orientation. Wyrównanie w poziomie można kontrolować za pomocą właściwości 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>

Zobacz także