방법: StackPanel 만들기
업데이트: 2007년 11월
이 예제에서는 StackPanel을 만드는 방법을 보여 줍니다.
예제
StackPanel을 사용하면 요소를 지정된 방향으로 쌓을 수 있습니다. 콘텐츠는 StackPanel에 정의된 속성을 사용하여 세로로 흐르거나(기본 설정) 가로로 흐를 수 있습니다.
다음 예제에서는 StackPanel을 사용하여 Border 및 Background가 서로 다른 다섯 개의 TextBlock 컨트롤을 수직으로 쌓습니다. Width가 지정되지 않은 자식 요소는 부모 창을 채울 수 있도록 늘어나지만, Width가 지정된 자식 요소는 창 가운데에 배치됩니다.
StackPanel의 기본 스택 방향은 수직입니다. StackPanel에서 콘텐츠 흐름을 제어하려면 Orientation 속성을 사용합니다. HorizontalAlignment 속성을 사용하여 가로 맞춤을 제어할 수 있습니다.
<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>