Практическое руководство. Создание StackPanel

В этом примере показано, как создать StackPanel.

Пример

StackPanel позволяет укладывать элементы в указанном направлении. Используя свойства, определенные в StackPanel, содержимое может передаваться по вертикали, что является настройкой по умолчанию, или по горизонтали.

В следующем примере по вертикали расположены пять элементов управления TextBlock, каждый из которых имеет различные Border и Background, используя для этого StackPanel. Дочерние элементы, для которых не указано растяжение Width, растягиваются для заполнения родительского окна, в то время как дочерние элементы, для которых указано Width, центрируются в окне.

Направление стека по умолчанию в StackPanel является вертикальным. Чтобы управлять потоком содержимого в StackPanel, используйте свойство Orientation. Горизонтальное выравнивание можно управлять с помощью свойства 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>

См. также

• StackPanel
• Обзор панелей
• Темы с инструкциями