Procedure: Een StackPanel maken

In dit voorbeeld ziet u hoe u een StackPanelmaakt.

Voorbeeld

Met een StackPanel kunt u elementen in een opgegeven richting stapelen. Door eigenschappen te gebruiken die zijn gedefinieerd op StackPanel, kan inhoud zowel verticaal stromen, ofwel de standaardinstelling, of horizontaal.

In het volgende voorbeeld worden vijf TextBlock bedieningselementen verticaal gestapeld, elk met een andere Border en Background, door gebruik te maken van StackPanel. De onderliggende elementen die geen opgegeven Width hebben, strekken zich uit om het bovenliggende venster te vullen. De onderliggende elementen die een opgegeven Widthhebben, worden echter gecentreerd in het venster.

De standaardstackrichting in een StackPanel is verticaal. Als u de inhoudsstroom in een StackPanelwilt beheren, gebruikt u de eigenschap Orientation. U kunt horizontale uitlijning beheren met behulp van de eigenschap 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>

Zie ook

• StackPanel
• Overzicht van panelen
• Handleidingonderwerpen