私の第2の水平グリッドスプリッタが正しく

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" /> 

をしかし、黒い線を参照してください？それは間違った場所にあります。これは、2つのGroupBox項目間、水平次のようになります。

私のマークアップロジックの何が問題になっているのですか？興味深いことに、VerticalAlignmentをTopまたはCenterに設定すると、スプリッターは表示されず、動作することはありません。

ありがとうございます。

更新：

以上のサイズが変更されたコントロール（あなたの答えに感謝）。しかし、（この文脈では）グループボックスだけがサイズを変更する必要があります。グループボックスの内容は一番上にとどまります。

アップデート：RowDefinitionの高さの値を1*からautoに変更しました。

Answer 1

水平グリッドスプリッタでは、高さと水平方向の配置を設定する必要があります。

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