如何实现按钮样式的CheckBox？IsChecked绑定失效问题求解

你原代码的核心问题在于：

• 模板的TargetType设为ContentControl但实际应用在ToggleButton上，导致绑定上下文混乱
• DataTemplate内的TemplatedParent指向的是ContentPresenter而非外层的ToggleButton，所以IsChecked绑定完全失效
• 模板里嵌套ToggleButton属于冗余设计，反而阻断了状态传递路径

下面提供两种直接可行的解决方式：

方案1：重写ToggleButton模板（最简单） #

直接把ToggleButton的模板改成"按钮外观+勾选框"的组合，利用ToggleButton本身的IsChecked属性实现状态同步：

<ControlTemplate x:Key="CheckButtonTemplate" TargetType="{x:Type ToggleButton}">
    <!-- 用Button样式包裹CheckBox，直接继承按钮外观 -->
    <CheckBox Content="{TemplateBinding Content}"
              IsChecked="{TemplateBinding IsChecked}"
              Style="{StaticResource {x:Type Button}}"/>
</ControlTemplate>

<!-- 使用示例 -->
<ToggleButton Template="{StaticResource CheckButtonTemplate}" Content="Test" IsChecked="True"/>

如果需要更灵活的布局（比如勾选框和文字分开排列），可以改成：

<ControlTemplate x:Key="CustomCheckButtonTemplate" TargetType="{x:Type ToggleButton}">
    <Button IsPressed="{TemplateBinding IsPressed}"
            IsEnabled="{TemplateBinding IsEnabled}">
        <StackPanel Orientation="Horizontal" Margin="8">
            <CheckBox IsChecked="{TemplateBinding IsChecked}" Margin="0,0,8,0"/>
            <TextBlock Text="{TemplateBinding Content}" VerticalAlignment="Center"/>
        </StackPanel>
    </Button>
</ControlTemplate>

方案2：自定义带IsChecked属性的Button #

如果一定要用Button而非ToggleButton，可以自定义控件添加依赖属性，在点击事件中切换状态：

第一步：创建自定义控件代码 #

public class CheckButton : Button
{
    // 定义IsChecked依赖属性
    public static readonly DependencyProperty IsCheckedProperty =
        DependencyProperty.Register(nameof(IsChecked), typeof(bool?), typeof(CheckButton), new PropertyMetadata(false));

    public bool? IsChecked
    {
        get => (bool?)GetValue(IsCheckedProperty);
        set => SetValue(IsCheckedProperty, value);
    }

    // 点击按钮时切换勾选状态
    protected override void OnClick()
    {
        base.OnClick();
        IsChecked = !IsChecked;
    }
}

第二步：在XAML中定义模板并使用 #

<!-- 自定义模板 -->
<ControlTemplate x:Key="CustomCheckButtonTemplate" TargetType="{x:Type local:CheckButton}">
    <Button IsPressed="{TemplateBinding IsPressed}"
            IsEnabled="{TemplateBinding IsEnabled}">
        <StackPanel Orientation="Horizontal" Margin="8">
            <CheckBox IsChecked="{TemplateBinding IsChecked}" Margin="0,0,8,0"/>
            <TextBlock Text="{TemplateBinding Content}" VerticalAlignment="Center"/>
        </StackPanel>
    </Button>
</ControlTemplate>

<!-- 使用示例 -->
<local:CheckButton Template="{StaticResource CustomCheckButtonTemplate}" Content="Test" IsChecked="True"/>

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