Sdílet prostřednictvím

Postupy: Změna velikosti sloupců pomocí objektu GridSplitter

  • Článek

Tento příklad ukazuje, jak vytvořit svislý za GridSplitter účelem redistribuce mezery mezi dvěma sloupci v oblasti Grid beze změny dimenzí Grid.

Příklad

Jak vytvořit GridSplitter, který překrytí okraje sloupce

Chcete-li zadat GridSplitter velikost sousedních sloupců v objektu Grid, nastavte Column připojenou vlastnost na jeden ze sloupců, u kterých chcete změnit velikost. Grid Pokud máte více než jeden řádek, nastavte připojenou RowSpan vlastnost na počet řádků. Potom nastavte HorizontalAlignment vlastnost na Left nebo Right (které zarovnání nastavíte, závisí na tom, které dva sloupce chcete změnit velikost). Nakonec nastavte VerticalAlignment vlastnost na Stretchhodnotu .

<GridSplitter Grid.Column="1" 
              Grid.RowSpan="3" 
              HorizontalAlignment="Left" 
              VerticalAlignment="Stretch"
              Background="Black" 
              ShowsPreview="true"
              Width="5"/>

Vlastnost GridSplitter , která nemá vlastní sloupec, může být skryta jinými ovládacími prvky v objektu Grid. Další informace o tom, jak zabránit tomuto problému, naleznete v tématu Kontrola, zda je gridSplitter viditelný.

Jak vytvořit GridSplitter, který zabírá sloupec

Chcete-li určit GridSplitter , který zabírá sloupec v objektu Grid, nastavte Column připojenou vlastnost na jeden ze sloupců, u kterých chcete změnit velikost. Pokud má mřížka více než jeden řádek, nastavte připojenou RowSpan vlastnost na počet řádků. Potom nastavte hodnotu Center, nastavte VerticalAlignmentHorizontalAlignment vlastnost Stretchna a nastavte Width sloupec, který obsahuje GridSplitter hodnotu Auto.

Následující příklad ukazuje, jak definovat svislý, GridSplitter který zabírá sloupec a změní velikost sloupců na obou stranách.

<Grid.ColumnDefinitions>
  <ColumnDefinition/>
  <ColumnDefinition Width="Auto" />
  <ColumnDefinition/>
</Grid.ColumnDefinitions>

<GridSplitter Grid.Column="1"
              HorizontalAlignment="Center"
              VerticalAlignment="Stretch"
              Background="Black" 
              ShowsPreview="True"
              Width="5"
              />

Viz také