MAUI.NET中如何避免框架绘制控件时触发PropertyChanged的setter

问题原因 #

MAUI的CheckBox.IsChecked属性默认使用TwoWay绑定模式，当ContentView加载绘制时，绑定初始化流程会将控件的当前值回传给ViewModel的属性setter，即使该值与ViewModel中存储的原始值一致，也会触发setter执行，这就导致了非用户交互场景下的不必要调用。

解决方案 #

以下是几种可行的解决方式，按需选择：

方案1：使用OneWay绑定+手动处理CheckedChanged事件（简单直接） #

修改绑定模式为OneWay，仅让视图从ViewModel获取值，然后通过控件的CheckedChanged事件处理用户交互，手动更新ViewModel：

视图代码修改：

<DataTemplate x:DataType="viewModels:CheckboxViewModel" x:Key="CheckboxDataTemplate">
    <CheckBox IsChecked="{Binding Value, Mode=OneWay}" 
              CheckedChanged="CheckBox_CheckedChanged" />
</DataTemplate>

后台代码实现事件处理：

private void CheckBox_CheckedChanged(object sender, CheckedChangedEventArgs e)
{
    if (sender is CheckBox checkBox && checkBox.BindingContext is CheckboxViewModel vm)
    {
        vm.Value = e.Value;
    }
}

方案2：在ViewModel中添加视图加载标志，过滤初始化触发的setter #

在ViewModel中增加一个IsViewLoaded标志，仅当视图加载完成后，才执行setter中的业务逻辑：

ViewModel代码修改：

internal class CheckboxViewModel : BaseViewModel
{
    private bool _isViewLoaded;
    public bool IsViewLoaded
    {
        get => _isViewLoaded;
        set => SetPropertyAndNotify(ref _isViewLoaded, value);
    }

    private bool _backedValue;
    public bool Value
    {
        get => _backedValue;
        set 
        {
            // 视图未加载时，仅更新备份值，不执行业务逻辑
            if (!IsViewLoaded)
            {
                _backedValue = value;
                return;
            }

            if (SetPropertyAndNotify(ref _backedValue, value))
            {
                // 此处执行计算值并设置状态变更的逻辑
            }
        }
    }

    public CheckboxViewModel(XElement item, Registry registry) : base(item, registry)
    {
        // 初始化备份值为存储的原始值
        _backedValue = true;
    }
}

视图添加Loaded事件：

<DataTemplate x:DataType="viewModels:CheckboxViewModel" x:Key="CheckboxDataTemplate">
    <CheckBox IsChecked="{Binding Value}" 
              Loaded="CheckBox_Loaded" />
</DataTemplate>

后台代码设置加载标志：

private void CheckBox_Loaded(object sender, EventArgs e)
{
    if (sender is CheckBox checkBox && checkBox.BindingContext is CheckboxViewModel vm)
    {
        vm.IsViewLoaded = true;
    }
}

方案3：使用Command处理用户交互（更符合MVVM规范） #

通过Command绑定处理CheckBox的状态变更，保持ViewModel与视图的解耦：

ViewModel代码修改：

internal class CheckboxViewModel : BaseViewModel
{
    private bool _value;
    public bool Value
    {
        get => _value;
        set => SetPropertyAndNotify(ref _value, value);
    }

    public ICommand CheckedChangedCommand { get; }

    public CheckboxViewModel(XElement item, Registry registry) : base(item, registry)
    {
        _value = true;
        CheckedChangedCommand = new Command<bool>(OnCheckedChanged);
    }

    private void OnCheckedChanged(bool isChecked)
    {
        Value = isChecked;
        // 此处执行计算值并设置状态变更的逻辑
    }
}

视图代码修改：

<DataTemplate x:DataType="viewModels:CheckboxViewModel" x:Key="CheckboxDataTemplate">
    <CheckBox IsChecked="{Binding Value, Mode=OneWay}" 
              Command="{Binding CheckedChangedCommand}" 
              CommandParameter="{Binding Source={RelativeSource Self}, Path=IsChecked}" />
</DataTemplate>

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