让我的第二个水平网格分割器正常工作

Question

我对GridSplitter个对象感到困惑：

上面有一个垂直分割器：

<GridSplitter
    Width="5" 
    Background="LightGray"
    Grid.Row="1"
    Grid.RowSpan="4"
    Grid.Column="0" />

行为正确并调整列的大小。

但我试图添加一个水平网格分割器：

<GridSplitter
    Width="5" 
    Background="Black"
    VerticalAlignment="Stretch"
    ResizeDirection="Rows"
    Grid.Row="2"
    Grid.Column="0" />

但看到黑线？那是在错误的地方。它应该是水平，在两个GroupBox项之间：

我的标记逻辑出了什么问题？有趣的是，如果我将VerticalAlignment设置为Top或Center，则拆分器甚至不会显示，更不用说了。

谢谢。

更新

上面是调整大小的控件（感谢您的回答）。但只有groupbox（在此上下文中）才应调整大小。组框的内容可以保持在最顶层。

更新：修正了调整大小调整，将RowDefinition高度值从1*更改为auto。

Answer 1

对于水平网格分割器，您应设置高度和水平对齐。

<GridSplitter
    Height="5" 
    Background="Black"
    VerticalAlignment="Center"
    HorizontalAlignment="Stretch"
    ResizeDirection="Rows"
    Grid.Row="2"
    Grid.Column="0" />