操作說明：使用 GridSplitter 調整資料行的大小

  • 發行項

這個範例示範如何建立垂直 GridSplitter ，以便重新分配 中 Grid 兩個數據行之間的空間，而不變更 的 Grid 維度。

範例

如何建立重疊資料行邊緣的 GridSplitter

若要指定 ，在 中 Grid 調整 GridSplitter 相鄰資料行的大小，請將 Column 附加屬性設定為您要調整大小的其中一個資料行。 Grid如果您的資料列超過一個，請將 RowSpan 附加屬性設定為數據列數目。 然後將 屬性設定為 Left 或 Right （您設定的 HorizontalAlignment 對齊方式取決於您要調整大小的兩個數據行）。 最後，將 VerticalAlignment 屬性設定為 Stretch 。

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

GridSplitter沒有本身資料行的 Grid ，可能會被 中的其他控制項遮蔽。 如需有關如何防止此問題的詳細資訊，請參閱確保 GridSplitter 是可見的。

如何建立佔有資料行的 GridSplitter

若要指定 GridSplitter 中佔用資料行的 Grid ，請將 Column 附加屬性設定為您要調整大小的其中一個資料行。 如果您的 Grid 有一個以上的資料列，請將 RowSpan 附加屬性設定為數據列數目。 然後將 設定為 ，將 屬性設定 HorizontalAlignment 為 Stretch ，並將包含 GridSplitter 的資料行的 設定 Width 為 Auto 。 VerticalAlignmentCenter

下列範例示範如何定義佔用資料行的垂直 GridSplitter ，並調整其任一端的資料行大小。

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

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

另請參閱