Практическое руководство. Создание 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>