移动GridSplitter后带Expander的Grid无法正常调整大小问题

你遇到的这两个问题，核心是依赖属性优先级冲突和状态切换时的高度恢复逻辑缺失，我来一步步帮你搞定：

问题根源拆解 #

1. 折叠失效问题：拖动GridSplitter后，RowDefinition的Height会被设置为具体像素值（比如200），而Style里的Setter优先级低于用户手动设置的本地值，所以DataTrigger里的Height="24"根本不会生效。
2. MinHeight被突破问题：原来的MinHeight写在Style的Setter中，但当用户拖动Splitter直接修改Height时，MinHeight的约束没有被正确触发，导致可以拖到低于150的高度。

解决方案：结合状态存储与动态绑定 #

我们需要用一个变量保存用户调整后的高度，Expander折叠时临时覆盖为固定高度，展开时恢复；同时让MinHeight随Expander状态动态变化，确保GridSplitter无法突破当前状态的最小限制。

修改后的完整代码 #

<Grid Margin="3">
    <Grid.Resources>
        <!-- 存储用户调整后的顶部面板高度，初始为占比* -->
        <system:Double x:Key="SavedTopHeight">*</system:Double>
    </Grid.Resources>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="3*" />
    </Grid.RowDefinitions>
    <Border BorderBrush="Red" BorderThickness="3">
        <Grid x:Name="TopGrid">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition>
                    <RowDefinition.Style>
                        <Style TargetType="{x:Type RowDefinition}">
                            <!-- 默认使用保存的高度，初始为* -->
                            <Setter Property="Height" Value="{DynamicResource SavedTopHeight}" />
                            <!-- 展开时的最小高度 -->
                            <Setter Property="MinHeight" Value="150" />
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ElementName=MyExpander, Path=IsExpanded}" Value="False">
                                    <!-- 折叠时强制固定高度 -->
                                    <Setter Property="Height" Value="24" />
                                    <!-- 折叠时的最小高度 -->
                                    <Setter Property="MinHeight" Value="24" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </RowDefinition.Style>
                </RowDefinition>
            </Grid.RowDefinitions>
            <Button Grid.Row="0" Margin="3" Content="Button 1" HorizontalAlignment="Stretch"/>
            <Expander x:Name="MyExpander" Grid.Row="1" Margin="3" IsExpanded="True"
                      Collapsed="MyExpander_Collapsed" Expanded="MyExpander_Expanded">
                <Border BorderBrush="Blue" BorderThickness="3"/>
            </Expander>
        </Grid>
    </Border>
    <GridSplitter Grid.Row="1" Height="3" HorizontalAlignment="Stretch" Margin="3,0,3,0"
                  DragCompleted="GridSplitter_DragCompleted"/>
    <Border Grid.Row="2" BorderBrush="Green" BorderThickness="3"/>
</Grid>

后台事件处理代码（.xaml.cs） #

private void GridSplitter_DragCompleted(object sender, System.Windows.Controls.Primitives.DragCompletedEventArgs e)
{
    // 停止拖动时，保存当前顶部面板的高度
    var targetRow = TopGrid.RowDefinitions[1];
    if (targetRow.Height.IsStar)
    {
        Resources["SavedTopHeight"] = new GridLength(1, GridUnitType.Star);
    }
    else
    {
        Resources["SavedTopHeight"] = targetRow.Height.Value;
    }
}

private void MyExpander_Expanded(object sender, RoutedEventArgs e)
{
    // 展开时恢复之前保存的高度
    var savedHeight = Resources["SavedTopHeight"];
    if (savedHeight is double pixelHeight)
    {
        TopGrid.RowDefinitions[1].Height = new GridLength(pixelHeight);
    }
    else if (savedHeight is GridLength starHeight)
    {
        TopGrid.RowDefinitions[1].Height = starHeight;
    }
}

private void MyExpander_Collapsed(object sender, RoutedEventArgs e)
{
    // 折叠时Style会自动处理高度，无需额外操作
}

关键逻辑说明 #

1. SavedTopHeight资源：专门存储用户调整后的高度，初始为占比*，拖动后保存具体像素值或星号值，确保展开时能恢复用户之前的调整。
2. GridSplitter_DragCompleted事件：在用户停止拖动Splitter时，实时更新保存的高度值，保证状态同步。
3. 动态MinHeight：通过Style的Trigger，在Expander折叠时将MinHeight设为24，展开时恢复为150，彻底杜绝突破最小高度的问题。
4. Expander展开恢复：通过Expanded事件手动恢复保存的高度，绕过依赖属性优先级的限制，确保折叠再展开后能回到用户调整过的大小。

这样修改后，两个问题都能完美解决，无论是拖动Splitter后的折叠/展开，还是最小高度的限制，都能正常工作了。

内容的提问来源于stack exchange，提问作者MrEighteen