wpf - GridSplitter 未正确分割

Question

我有以下网格

<Grid>        
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

我的GridSplitter位于第3行(第4行)，定义如下:

<GridSplitter Grid.Row="3"
              ResizeDirection="Rows"
              Style="{StaticResource HorizontalGridSplitter}"
              IsTabStop="False" />
<Style x:Key="HorizontalGridSplitter"
       TargetType="{x:Type GridSplitter}">
    <Setter Property="Height"
            Value="4" />
    <Setter Property="HorizontalAlignment"
            Value="Stretch" />
    <Setter Property="VerticalAlignment"
            Value="Stretch" />
    <Setter Property="Margin"
            Value="0" />
</Style>

当我拖动分割线以分割第 2/4 行时，它并没有真正分割行，看起来网格高度变大了。

Answer 1

GridSplitter 具有三种不同的调整大小行为，如下所示:

GridSplitter 根据所选的 ResizeBehaviour 以及它们的可用空间重新调整指定的两列/行的大小，在您的情况下，您指定了 * 高度之前的行和之后的行的自动高度，这意味着它只能调整之前的行的大小，之后的行将始终保持自动:

要解决此问题，您必须将前后行设置为 Width="*" 并将调整大小行为设置为 ResizeBehavior="PreviousAndNext" > 请参阅以下代码片段:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <GridSplitter Grid.Row="3" ResizeDirection="Rows" 
                  Style="{StaticResource HorizontalGridSplitter}"                      
                  IsTabStop="False" HorizontalAlignment="Stretch"
                  ResizeBehavior="PreviousAndNext" />
</Grid>

最好将所有其他行的高度设置为自动或固定值以避免任何奇怪的行为:)