Получить мой второй горизонтальной сетки сплиттер работает правильно

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, тогда сплиттер даже не покажет, не говоря уже о работе.

спасибо.

Update:

Выше изменяется контроль (спасибо за ответ). Но только групповой ящик (в этом контексте) должен изменяться. Содержимое группового ящика может оставаться на вершине.

Обновление: Исправлено изменение размеров элементов управления bu, изменяющих значения высоты RowDefinition от 1* до auto.

Answer 1

Для горизонтального разделителя сетки вы должны установить высоту и горизонтальное выравнивание.

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