WPF使用Styles或IValueConverter动态隐藏Grid列工作异常问题

有一个三列Grid，结构为左面板、中间GridSplitter、右面板，需要隐藏其中一侧面板时，将目标面板列和分隔符列的Width都设为0。该需求仅通过后台代码实现时可以正常运行，用样式或值转换器实现时仅部分场景生效。

异常表现 #

拖动GridSplitter之前所有功能符合预期，拖动后操作出现异常：

• 样式实现方案：面板隐藏后会残留空白区域
• 值转换器实现方案：面板无法完全隐藏，且拖动分隔符后触发显隐操作时，转换器仅会被触发一次

三种实现方案代码 #

1. 正常运行的后台代码实现（C#） #

private void TogglePanelVisibility(bool isVisible)
{
    if (isVisible)
    {
        // 恢复保存的参数
        _mainWindow.ColumnPanel.Width = new GridLength(_columnPanelWidth, GridUnitType.Star);
        _mainWindow.ColumnPanel.MaxWidth = double.PositiveInfinity;

        _mainWindow.ColumnSplitter.Width = new GridLength(_columnSplitterWidth, GridUnitType.Auto);
        _mainWindow.ColumnSplitter.MaxWidth = double.PositiveInfinity;
        return;
    }

    // 保存当前参数
    _columnSplitterWidth = _mainWindow.ColumnSplitter.Width.Value;
    _columnPanelWidth = _mainWindow.ColumnPanel.Width.Value;

    // 隐藏面板
    _mainWindow.ColumnPanel.Width = new GridLength(0);
    _mainWindow.ColumnPanel.MaxWidth = 0;
    _mainWindow.ColumnSplitter.Width = new GridLength(0);
    _mainWindow.ColumnSplitter.MaxWidth = 0;
}

2. 运行异常的XAML Style实现 #

<Window.Resources>
    <Style x:Key="showColumnStar" TargetType="{x:Type ColumnDefinition}">
        <Style.Setters>
            <Setter Property="Width" Value="*" />
            <Setter Property="MaxWidth" Value="{x:Static system:Double.PositiveInfinity}" />
        </Style.Setters>
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsPanelVisible}" Value="False">
                <DataTrigger.Setters>
                    <Setter Property="Width" Value="0" />
                    <Setter Property="MaxWidth" Value="0" />
                </DataTrigger.Setters>
            </DataTrigger>
        </Style.Triggers>
    </Style>

    <Style x:Key="showColumnAuto" TargetType="{x:Type ColumnDefinition}">
        <Style.Setters>
            <Setter Property="Width" Value="Auto" />
            <Setter Property="MaxWidth" Value="{x:Static system:Double.PositiveInfinity}" />
        </Style.Setters>
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsPanelVisible}" Value="False">
                <DataTrigger.Setters>
                    <Setter Property="Width" Value="0" />
                    <Setter Property="MaxWidth" Value="0" />
                </DataTrigger.Setters>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<!-- 布局部分 -->
<Grid>
   <Grid.ColumnDefinitions>
       <ColumnDefinition Width="*" />
       <ColumnDefinition Width="Auto" Style="{StaticResource showColumnAuto}" />
       <ColumnDefinition Width="*" Style="{StaticResource showColumnStar}" />
   </Grid.ColumnDefinitions>
   <!-- 面板、GridSplitter等内容 -->
</Grid>

3. 运行异常的IValueConverter实现 #

XAML代码

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="{Binding IsPanelVisible, Converter={StaticResource BoolToGridSizeConverter}, ConverterParameter='Auto'}" />
        <ColumnDefinition Width="{Binding IsPanelVisible, Converter={StaticResource BoolToGridSizeConverter}, ConverterParameter='*'}" />
    </Grid.ColumnDefinitions>
    <!-- 面板、GridSplitter等内容 -->
</Grid>

C#转换器代码

internal class BoolToGridRowColumnSizeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var param = parameter as string;
        var unitType = GridUnitType.Star;

        if (param != null && string.Compare(param, "Auto", StringComparison.InvariantCultureIgnoreCase) == 0)
        {
            unitType = GridUnitType.Auto;
        }

        return ((bool)value == true) ? new GridLength(1, unitType) : new GridLength(0);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

两种声明式实现失效的核心原因是WPF依赖属性的优先级机制，结合GridSplitter的工作逻辑共同导致：

1. GridSplitter的拖动操作会直接给关联的ColumnDefinition的Width属性赋值本地值，而WPF依赖属性优先级规则中，本地值的优先级远高于样式触发器赋值、普通绑定赋值：
   优先级从高到低排序：本地直接赋值 > 样式触发器赋值 > 样式Setter赋值 > 普通绑定赋值
2. Style实现失效原因：拖动GridSplitter后列的Width被设置了本地值，样式触发器的赋值优先级低于本地值，无法覆盖已经存在的本地值，就会出现设置Width=0不生效、残留空白的问题。
3. Converter实现失效原因：GridSplitter设置本地值后，会直接打断原本的单向绑定（默认绑定模式不会强制覆盖本地值），后续IsPanelVisible属性变更时，绑定链路已经失效，所以转换器只会被触发一次，无法更新Width属性。

而后台代码直接给Width属性赋值的操作，本身就是设置本地值，优先级最高，可以覆盖GridSplitter拖动时设置的本地值，所以所有场景都能正常运行。

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