WinUI3如何让ItemsControl内控件启用状态依赖两个外部复选框？

一、修复DataTemplate内绑定Page属性的问题 #

你遇到的错误确实是因为DataTemplate的上下文切换到了模板指定的数据类型（你写的CheckBox），导致x:Bind无法找到Page中的isCheckListEnabled属性。可以通过以下方式修正：

1. 使用RelativeSource绑定到Page #

修改ItemsControl内CheckBox的IsEnabled绑定，通过RelativeSource指定绑定到上级Page：

<CheckBox Content="{Binding}" IsChecked="True" IsEnabled="{x:Bind isCheckListEnabled, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Page}}" />

注意：当前你的isCheckListEnabled属性没有实现属性变更通知，CheckOne/CheckTwo状态变化时UI不会自动更新。需要给Page实现INotifyPropertyChanged接口，并在复选框状态变化时触发通知：

public event PropertyChangedEventHandler PropertyChanged;

private void OnPropertyChanged(string propertyName)
{
    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}

public bool isCheckListEnabled 
{ 
    get 
    {
        return CheckOne.IsChecked == true && CheckTwo.IsChecked == false;
    } 
}

// 在页面构造函数中添加事件监听
public YourPageName()
{
    InitializeComponent();
    CheckOne.Checked += (s, e) => OnPropertyChanged(nameof(isCheckListEnabled));
    CheckOne.Unchecked += (s, e) => OnPropertyChanged(nameof(isCheckListEnabled));
    CheckTwo.Checked += (s, e) => OnPropertyChanged(nameof(isCheckListEnabled));
    CheckTwo.Unchecked += (s, e) => OnPropertyChanged(nameof(isCheckListEnabled));
}

2. 把逻辑移到ViewModel（推荐MVVM模式） #

如果项目采用MVVM，建议将CheckOne、CheckTwo的IsChecked状态绑定到ViewModel的属性，然后在ViewModel中实现带变更通知的IsCheckListEnabled属性：

// ViewModel中的示例代码
private bool _checkOneIsChecked;
public bool CheckOneIsChecked
{
    get => _checkOneIsChecked;
    set
    {
        _checkOneIsChecked = value;
        OnPropertyChanged();
        OnPropertyChanged(nameof(IsCheckListEnabled));
    }
}

private bool _checkTwoIsChecked;
public bool CheckTwoIsChecked
{
    get => _checkTwoIsChecked;
    set
    {
        _checkTwoIsChecked = value;
        OnPropertyChanged();
        OnPropertyChanged(nameof(IsCheckListEnabled));
    }
}

public bool IsCheckListEnabled => CheckOneIsChecked && !CheckTwoIsChecked;

之后在XAML中绑定静态复选框和ItemsControl内的CheckBox：

<!-- 静态复选框绑定 -->
<CheckBox x:Name="CheckOne" Content="I'm one" IsChecked="{x:Bind ViewModel.CheckOneIsChecked, Mode=TwoWay}" />
<CheckBox x:Name="CheckTwo" Content="I'm two" IsChecked="{x:Bind ViewModel.CheckTwoIsChecked, Mode=TwoWay}" />

<!-- ItemsControl内的绑定 -->
<CheckBox Content="{Binding}" IsChecked="True" IsEnabled="{x:Bind ViewModel.IsCheckListEnabled, Mode=OneWay}" />

二、纯XAML实现（无需后台属性） #

可以通过MultiDataTrigger直接在XAML中实现条件判断，不需要后台代码。修改ItemsControl的结构如下：

<!-- 需添加系统命名空间：xmlns:system="clr-namespace:System;assembly=mscorlib" -->
<ItemsControl ItemsSource="{x:Bind ViewModel.CheckList, Mode=OneWay}">
    <ItemsControl.ItemTemplate>
        <DataTemplate x:DataType="system:String">
            <!-- 注意：如果你的CheckList是其他类型，需修改DataType -->
            <CheckBox Content="{Binding}" IsChecked="True" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <!-- 默认禁用 -->
            <Setter Property="IsEnabled" Value="False" />
            <Style.Triggers>
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding ElementName=CheckOne, Path=IsChecked}" Value="True" />
                        <Condition Binding="{Binding ElementName=CheckTwo, Path=IsChecked}" Value="False" />
                    </MultiDataTrigger.Conditions>
                    <!-- 满足条件时启用 -->
                    <Setter Property="IsEnabled" Value="True" />
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>

这里通过给Item容器设置触发器，当CheckOne勾选且CheckTwo未勾选时，自动启用容器内的CheckBox。

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