如何实现点击首个ToggleButton时勾选其余所有ToggleButton？

需求说明 #

现有5个ToggleButton，点击第一个标注为"full agreement"的ToggleButton时，需要自动勾选其余4个ToggleButton。已提供相关XAML及样式代码，以下给出两种可行实现方案。

方案一：MVVM模式（推荐） #

由于你已经使用了Command绑定，采用MVVM模式实现逻辑解耦是WPF的最佳实践。

步骤1：修改子ToggleButton的XAML #

为每个子ToggleButton添加IsChecked属性绑定，关联到ViewModel中的对应布尔属性：

<!-- Agree1示例 -->
<ToggleButton VerticalAlignment="Center" Width="66" Height="66" 
              Command="{Binding Path=Agree1Command}" 
              CommandParameter="Agree1" 
              IsChecked="{Binding Agree1IsChecked}"
              Style="{StaticResource ButtonStyle.check1ButtonStyle}" />

<!-- 其余三个子按钮同理，分别绑定Agree2IsChecked、Agree3IsChecked、Agree4IsChecked -->
<ToggleButton VerticalAlignment="Center" Width="66" Height="66" 
              Command="{Binding Path=Agree2Command}" 
              CommandParameter="Agree2" 
              IsChecked="{Binding Agree2IsChecked}"
              Style="{StaticResource ButtonStyle.check1ButtonStyle}" />

步骤2：实现ViewModel #

创建包含布尔属性和命令的ViewModel，实现INotifyPropertyChanged接口以支持数据绑定更新：

using System.ComponentModel;
using System.Windows.Input;

public class AgreementViewModel : INotifyPropertyChanged
{
    // 子按钮勾选状态属性
    private bool _agree1IsChecked;
    public bool Agree1IsChecked
    {
        get => _agree1IsChecked;
        set { _agree1IsChecked = value; OnPropertyChanged(nameof(Agree1IsChecked)); }
    }

    private bool _agree2IsChecked;
    public bool Agree2IsChecked
    {
        get => _agree2IsChecked;
        set { _agree2IsChecked = value; OnPropertyChanged(nameof(Agree2IsChecked)); }
    }

    private bool _agree3IsChecked;
    public bool Agree3IsChecked
    {
        get => _agree3IsChecked;
        set { _agree3IsChecked = value; OnPropertyChanged(nameof(Agree3IsChecked)); }
    }

    private bool _agree4IsChecked;
    public bool Agree4IsChecked
    {
        get => _agree4IsChecked;
        set { _agree4IsChecked = value; OnPropertyChanged(nameof(Agree4IsChecked)); }
    }

    // 命令定义
    public ICommand AllCommand { get; }
    public ICommand Agree1Command { get; }
    public ICommand Agree2Command { get; }
    // 补充Agree3Command、Agree4Command

    public AgreementViewModel()
    {
        AllCommand = new RelayCommand(ExecuteAllCommand);
        Agree1Command = new RelayCommand(ExecuteAgree1Command);
        Agree2Command = new RelayCommand(ExecuteAgree2Command);
        // 初始化其余命令
    }

    // 全选命令执行逻辑
    private void ExecuteAllCommand(object parameter)
    {
        Agree1IsChecked = true;
        Agree2IsChecked = true;
        Agree3IsChecked = true;
        Agree4IsChecked = true;
    }

    // 单个按钮命令执行逻辑（按需实现，可留空或添加自定义逻辑）
    private void ExecuteAgree1Command(object parameter)
    {
        // 例如：处理单个按钮勾选后的额外操作
    }

    private void ExecuteAgree2Command(object parameter)
    {
        // 同理处理
    }

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

步骤3：实现RelayCommand（通用ICommand实现） #

如果项目中没有现成的RelayCommand，添加以下通用实现：

public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Func<object, bool> _canExecute;

    public event EventHandler CanExecuteChanged;

    public RelayCommand(Action<object> execute, Func<object, bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter)
    {
        return _canExecute == null || _canExecute(parameter);
    }

    public void Execute(object parameter)
    {
        _execute(parameter);
    }

    public void RaiseCanExecuteChanged()
    {
        CanExecuteChanged?.Invoke(this, EventArgs.Empty);
    }
}

方案二：代码隐藏（Code-behind）快速实现 #

如果项目不需要严格的MVVM架构，可直接通过代码隐藏实现：

步骤1：给子ToggleButton命名 #

<ToggleButton x:Name="Agree1Btn" VerticalAlignment="Center" Width="66" Height="66" 
              Command="{Binding Path=Agree1Command}" 
              CommandParameter="Agree1" 
              Style="{StaticResource ButtonStyle.check1ButtonStyle}" />
<ToggleButton x:Name="Agree2Btn" VerticalAlignment="Center" Width="66" Height="66" 
              Command="{Binding Path=Agree2Command}" 
              CommandParameter="Agree2" 
              Style="{StaticResource ButtonStyle.check1ButtonStyle}" />
<!-- 其余两个子按钮分别命名为Agree3Btn、Agree4Btn -->

步骤2：给全选按钮添加Click事件 #

<ToggleButton VerticalAlignment="Center" Width="230" Height="95" 
              Click="AllToggleButton_Click"
              Style="{StaticResource ButtonStyle.AllButtonStyle}">
    <TextBlock Text="full agreement" />
</ToggleButton>

步骤3：实现Click事件逻辑 #

在窗口/用户控件的代码隐藏文件中添加以下方法：

private void AllToggleButton_Click(object sender, RoutedEventArgs e)
{
    Agree1Btn.IsChecked = true;
    Agree2Btn.IsChecked = true;
    Agree3Btn.IsChecked = true;
    Agree4Btn.IsChecked = true;
}

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