Cara: Membuat StackPanel

Contoh ini menunjukkan cara membuat StackPanel.

Contoh

StackPanel memungkinkan Anda menumpuk elemen ke arah tertentu. Dengan menggunakan properti yang ditentukan pada StackPanel, konten dapat mengalir secara vertikal, yang merupakan pengaturan default, atau horizontal.

Contoh berikut secara vertikal menumpuk lima kontrol TextBlock, masing-masing dengan Border dan Backgroundyang berbeda, dengan menggunakan StackPanel. Elemen turunan yang tidak memiliki Width yang ditentukan meregang untuk mengisi jendela induk; namun, elemen turunan yang memiliki Widthtertentu, diposisikan di tengah jendela.

Arah tumpukan default dalam StackPanel adalah vertikal. Untuk mengontrol aliran konten dalam StackPanel, gunakan properti Orientation. Anda dapat mengontrol perataan horizontal dengan menggunakan properti 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>

Lihat juga

• StackPanel
• Panel
• StackPanel