.NET 8 WPF MVVM中Checkbox仅鼠标悬停时显示勾选标记问题

开发基于.NET 8的WPF+MVVM应用时遇到以下问题：多个Checkbox绑定ViewModel的bool?类型属性，ViewModel构造函数中预设属性为true，但运行时Checkbox仅在鼠标悬停时显示勾选标记。移除绑定直接设置IsChecked="true"后问题依旧，不过业务逻辑能正常获取Checkbox的IsChecked状态。此前在.NET Framework中实现无此问题，以下是排查解决思路：

ViewModel代码片段 #

public bool? Use6m { get; set; }

public vmView1()
{
   Use6m = true;
}

View代码片段 #

<UserControl.Resources>
    <Style x:Key="BandCheckboxStyle" TargetType="CheckBox">
        <Setter Property="FontFamily" Value="Arial" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="Width" Value="60" />
        <Setter Property="Height" Value="20" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalAlignment" Value="Top" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
    </Style>
</UserControl.Resources>

<Grid Margin="1,1,1,1" >
    <GroupBox HorizontalAlignment="Left" VerticalAlignment="Top" Height="274" Width="167" Margin="10,54,0,0">
        <GroupBox.Header>
            <Label Content="Band and Mode" Foreground="LightBlue" FontSize="14" FontFamily="Arial" />
        </GroupBox.Header>

        <Grid>
            <CheckBox Style="{StaticResource BandCheckboxStyle}" Content="6m" IsChecked="{Binding Use6m, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="1,-5,0,0" />
        </Grid>
    </GroupBox>
</Grid>

排查解决思路 #

• 检查自定义Style的布局影响：自定义Style中设置的Height=20可能压缩了Checkbox勾选框的可视区域，导致初始状态下勾选标记无法正常显示，仅在鼠标悬停触发视觉状态重绘时才显现。尝试移除自定义Style，验证是否能正常显示勾选状态；若恢复正常，调整Style中的Height、Margin等布局参数，确保勾选框区域完整可见。
• 实现INotifyPropertyChanged接口：即使在构造函数中设置属性值，也建议ViewModel实现INotifyPropertyChanged接口并触发属性变更通知，确保UI能正确同步状态。修改后的ViewModel示例：

public class vmView1 : INotifyPropertyChanged
{
    private bool? _use6m;
    public bool? Use6m 
    { 
        get => _use6m; 
        set 
        {
            _use6m = value;
            OnPropertyChanged(nameof(Use6m));
        }
    }

    public vmView1()
    {
        Use6m = true;
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

• 验证.NET 8默认样式差异：.NET Core/.NET 5+的WPF默认控件样式与.NET Framework存在差异，Checkbox的勾选标记绘制逻辑可能不同。可以显式为Checkbox指定完整的控件模板，确保Checked状态的视觉元素正确渲染。
• 检查布局容器遮挡问题：GroupBox或Grid的Margin、Padding设置可能导致Checkbox部分区域被遮挡，尝试调整容器和Checkbox的布局参数，确保勾选框的完整区域处于可视范围内。

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