.NET 7 MAUI中如何让Checkbox勾选时触发RelayCommand？

问题根源分析 #

你遇到的Operation is not valid due to the current state of the object异常，核心原因是RelativeSource绑定错误：MAUI的RelativeSource.AncestorType只能指定可视化控件类型（如ContentPage、ListView），不能直接绑定ViewModel类型。此外，你需要正确传递Checkbox的勾选状态和MarksFromPoint参数到命令中。

步骤1：修复Command绑定路径 #

根据CheckBox所在的上下文调整绑定：

• 如果CheckBox直接在页面根布局下（页面BindingContext为AdvanceViewModel）：

  Command="{Binding CheckAnswerCommand}"
  

• 如果CheckBox在ListView的ItemTemplate中（ListView的BindingContext为AdvanceViewModel）：

  Command="{Binding Source={RelativeSource AncestorType={x:Type ListView}}, Path=BindingContext.CheckAnswerCommand}"
  

步骤2：传递勾选状态与MarksFromPoint参数 #

使用MultiBinding结合自定义转换器，同时传递两个参数：

1. 创建多值转换器

using System.Globalization;
using Microsoft.Maui.Controls;

namespace YourProjectNamespace.Converters;

public class CheckboxParamsConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length == 2 && values[0] is bool isChecked && values[1] is int marks)
        {
            return (IsChecked: isChecked, Marks: marks);
        }
        return null;
    }

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

2. 在XAML中引用转换器

<ContentPage.Resources>
    <converters:CheckboxParamsConverter x:Key="CheckboxParamsConverter" />
</ContentPage.Resources>

3. 修改CheckBox的EventToCommandBehavior

<CheckBox x:Name="AnswerCheckBox"
          Grid.Column="1"
          Grid.RowSpan="2"
          Color="DarkGreen"
          Scale="1.2">
    <CheckBox.Behaviors>
        <toolkit:EventToCommandBehavior
            EventName="CheckedChanged"
            Command="{Binding CheckAnswerCommand}"> <!-- 这里替换为步骤1的正确绑定路径 -->
            <toolkit:EventToCommandBehavior.CommandParameter>
                <MultiBinding Converter="{StaticResource CheckboxParamsConverter}">
                    <Binding Path="IsChecked" Source="{x:Reference AnswerCheckBox}" />
                    <Binding Path="MarksFromPoint" />
                </MultiBinding>
            </toolkit:EventToCommandBehavior.CommandParameter>
        </toolkit:EventToCommandBehavior>
    </CheckBox.Behaviors>
</CheckBox>

步骤3：ViewModel中实现命令逻辑 #

使用RelayCommand接收组合参数，处理勾选/取消逻辑：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace YourProjectNamespace.ViewModels;

public partial class AdvanceViewModel : ObservableObject
{
    // 页面或列表项的其他属性...

    [RelayCommand]
    private void CheckAnswer((bool IsChecked, int Marks) param)
    {
        if (param.IsChecked)
        {
            // 勾选时的业务逻辑，比如加分
        }
        else
        {
            // 取消勾选时的业务逻辑，比如减分
        }
    }
}

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