Procedura: Creare un oggetto StackPanel

In questo esempio viene illustrato come creare un StackPanel.

Esempio

Un StackPanel consente di impilare gli elementi in una direzione specificata. Usando le proprietà definite in StackPanel, il contenuto può essere disposto in senso verticale, che è l'impostazione predefinita, o orizzontalmente.

Nell'esempio seguente vengono sovrapposti verticalmente cinque controlli TextBlock, ognuno con un Border diverso e Background, usando StackPanel. Gli elementi figlio che non hanno un Width specificato si estendono per riempire la finestra padre; tuttavia, gli elementi figlio con un Widthspecificato vengono centrati all'interno della finestra.

La direzione dello stack predefinita in un StackPanel è verticale. Per controllare il flusso di contenuto in un StackPanel, usare la proprietà Orientation. È possibile controllare l'allineamento orizzontale usando la proprietà 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>

Vedere anche

• StackPanel
• Panoramica dei Pannelli
• Argomenti pratici