Xamarin.Forms复选框CheckedChanged绑定失败求助

核心错误：事件不能用{Binding}语法 #

你写的CheckBox代码里有个关键错误：CheckedChanged是CheckBox的事件，不是可绑定属性，根本不能用{Binding OnCheckBoxCheckChanged}这种绑定语法关联方法——这就是编辑器提示“无引用”的直接原因。

另外提示“无DataContext”，说明你的页面没正确把ViewModel设置为DataContext，就算事件绑定改对了，MVVM模式下也得先把这一步做好。

方案1：代码后台直接绑定事件（简单直接） #

如果不需要严格遵循MVVM，直接把事件处理方法放在页面的.xaml.cs文件里就行：

1. 修改XAML中的CheckBox #

删掉{Binding ...}，直接指定事件处理方法名：

<CheckBox Color="Red" CheckedChanged="OnCheckBoxCheckedChanged">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <Setter Property="Color" Value="Red" />
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="IsChecked">
                <VisualState.Setters>
                    <Setter Property="Color" Value="Green" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
</CheckBox>

2. 在AddNewItemPage.xaml.cs中实现方法 #

方法只要和XAML里的名称匹配就行，权限设为private或public都可以：

private void OnCheckBoxCheckedChanged(object sender, CheckedChangedEventArgs e)
{
    var viewModel = (AddNewItemViewModel)BindingContext;
    if (e.Value)
    {
        viewModel.VanData.PPECheck = true;
        viewModel._PPECheck = true;
    }
    else
    {
        viewModel.VanData.PPECheck = false;
        viewModel._PPECheck = false;
    }
}

3. 确认页面的DataContext #

在AddNewItemPage.xaml.cs的构造函数里，把ViewModel实例化并绑定：

public AddNewItemPage()
{
    InitializeComponent();
    BindingContext = new AddNewItemViewModel();
}

方案2：MVVM模式下使用Command（推荐） #

如果要严格遵循MVVM规范，应该用ICommand处理交互，而不是直接绑定事件：

1. 修改ViewModel，添加Command和绑定属性 #

ViewModel必须实现INotifyPropertyChanged，否则UI不会响应属性变化：

using System.ComponentModel;
using System.Runtime.CompilerServices;
using Xamarin.Forms;

public class AddNewItemViewModel : INotifyPropertyChanged
{
    private bool _ppeCheck;
    public bool PPECheck
    {
        get => _ppeCheck;
        set
        {
            _ppeCheck = value;
            VanData.PPECheck = value;
            OnPropertyChanged();
        }
    }

    public ICommand PpeCheckChangedCommand { get; }
    public VanData VanData { get; set; } = new VanData();

    public AddNewItemViewModel()
    {
        PpeCheckChangedCommand = new Command<bool>(OnPpeCheckChanged);
    }

    private void OnPpeCheckChanged(bool isChecked)
    {
        PPECheck = isChecked;
    }

    // 实现INotifyPropertyChanged接口
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 修改XAML中的CheckBox #

绑定IsChecked到ViewModel的PPECheck属性，用Command处理状态变化：

<CheckBox Color="Red" 
          IsChecked="{Binding PPECheck}"
          Command="{Binding PpeCheckChangedCommand}"
          CommandParameter="{Binding PPECheck}">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <Setter Property="Color" Value="Red" />
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="IsChecked">
                <VisualState.Setters>
                    <Setter Property="Color" Value="Green" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
</CheckBox>

3. 确认页面DataContext #

同样在页面构造函数里设置DataContext：

public AddNewItemPage()
{
    InitializeComponent();
    BindingContext = new AddNewItemViewModel();
}

额外注意事项 #

• 要是用Tabbed View模板，得确认AddNewItem页面的DataContext有没有被正确传递，或者直接在页面内部实例化ViewModel。
• ViewModel里的私有字段_PPECheck，建议通过公共属性PPECheck来访问，符合封装原则。

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