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

Get my second horizontal grid splitter working correctly

我对 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 设置为 TopCenter 那么拆分器甚至不会显示,更不用说工作了。

谢谢。

更新:

以上是调整大小的控件(感谢您的回答)。但是只有组框(在这种情况下)应该调整大小。 groupbox的内容可以放在最前面

更新:修复了将 RowDefinition 高度值从 1* 更改为 auto 的控件大小调整。

对于水平网格拆分器,您应该设置高度和水平对齐方式。

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