Dela via

Gör så här: Ändra storlek på rader med en GridSplitter

Det här exemplet visar hur du använder en vågrät GridSplitter för att omdistribuera utrymmet mellan två rader i en Grid utan att ändra dimensionerna för Grid.

Exempel

Så här skapar du en GridSplitter som överlagrar kanten på en rad

Om du vill ange en GridSplitter som ändrar storlek på intilliggande rader i en Gridanger du egenskapen Row bifogad till en av de rader som du vill ändra storlek på. Om din Grid har fler än en kolumn anger du egenskapen ColumnSpan bifogad för att ange antalet kolumner. Ange sedan VerticalAlignment till Top eller Bottom (vilken justering du anger beror på vilka två rader du vill ändra storlek på). Ange slutligen egenskapen HorizontalAlignment till Stretch.

I följande exempel visas hur du definierar en vågrät GridSplitter som ändrar storlek på intilliggande rader.

<GridSplitter Grid.Row="1" 
              Grid.ColumnSpan="3" 
              HorizontalAlignment="Stretch" 
              VerticalAlignment="Top"
              Background="Black" 
              ShowsPreview="true"
              ResizeDirection="Rows"
              Height="5"/>

En GridSplitter som inte upptar en egen rad kan döljas av andra kontroller i Grid. Mer information om hur du förhindrar det här problemet finns i Kontrollera att en GridSplitter är synlig.

Så här skapar du en GridSplitter som upptar en rad

Om du vill ange en GridSplitter som upptar en rad i en Gridanger du egenskapen Row bifogad till en av de rader som du vill ändra storlek på. Om din Grid har fler än en kolumn anger du egenskapen ColumnSpan kopplad till antalet kolumner. Ange sedan VerticalAlignment till Center, ange egenskapen HorizontalAlignment till Stretchoch ange Height för raden som innehåller GridSplitter till Auto.

I följande exempel visas hur du definierar en vågrät GridSplitter som upptar en rad och ändrar storlek på raderna på vardera sidan av den.

<Grid.RowDefinitions>
  <RowDefinition Height="50*" />
  <RowDefinition Height="Auto" />
  <RowDefinition Height="50*" />
</Grid.RowDefinitions>

<StackPanel Grid.Row="0" Grid.Column="1" Background="Tan"/>
<GridSplitter Grid.Row="1"
              HorizontalAlignment="Stretch"
              VerticalAlignment="Center"
              Background="Black" 
              ShowsPreview="True"
              Height="5"
           />
<StackPanel Grid.Row="2" Grid.Column="0" Background="Brown"/>

Se även

  • Last updated on