Xceed CheckListBox复选框问题：颜色无法更改及勾选颜色修改方法

我来帮你搞定这两个Xceed CheckListBox的颜色自定义问题！你之前尝试的触发器只针对列表项本身，没触碰到内部的复选框控件，所以才没达到预期效果，咱们一步步来解决：

一、修改复选框的基础颜色（边框、背景等） #

要改变复选框本身的颜色，你需要修改CheckListBoxItem的ControlTemplate，找到模板里内置的PART_CheckBox部件（Xceed控件通常会用命名部件来暴露内部元素），直接设置它的背景、边框等属性。

下面是完整的示例代码：

<Window.Resources>
    <Style TargetType="{x:Type xcdg:CheckListBoxItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type xcdg:CheckListBoxItem}">
                    <Grid>
                        <!-- 自定义复选框的基础样式 -->
                        <CheckBox x:Name="PART_CheckBox" 
                                  Background="LightBlue"  <!-- 复选框背景色 -->
                                  BorderBrush="DarkBlue"  <!-- 复选框边框色 -->
                                  Foreground="DarkSlateGray" <!-- 未勾选时的文字/边框色 -->
                                  IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}}"/>
                        <!-- 保留原有的内容展示区域 -->
                        <ContentPresenter Margin="25,0,0,0" 
                                          Content="{TemplateBinding Content}"
                                          VerticalAlignment="Center"/>
                    </Grid>
                    <!-- 保留你原来的触发器逻辑，或者按需调整 -->
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="False">
                            <Setter Property="Background" Value="Transparent" TargetName="PART_CheckBox"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="LightCyan" TargetName="PART_CheckBox"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

这里的关键是通过TargetName="PART_CheckBox"把样式设置直接作用到内部的复选框上，而不是列表项本身。

二、修改复选框的勾选颜色（对勾的颜色） #

如果要改勾选时对勾的颜色，需要进一步调整复选框内部的图标样式。如果直接设置Foreground不生效，就需要重写CheckBox的模板，找到代表对勾的Path元素来修改填充色。

方法1：通过触发器快速修改 #

如果你的Xceed复选框支持通过Foreground控制对勾颜色，可以直接在CheckBox的样式里加触发器：

<CheckBox x:Name="PART_CheckBox" 
          IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}}">
    <CheckBox.Style>
        <Style TargetType="{x:Type CheckBox}">
            <Setter Property="Foreground" Value="Gray"/>
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <!-- 勾选时的对勾颜色 -->
                    <Setter Property="Foreground" Value="ForestGreen"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </CheckBox.Style>
</CheckBox>

方法2：重写CheckBox模板（更彻底） #

如果上面的方法不生效，就需要重写CheckBox的完整模板，直接控制对勾图标的颜色：

<Style TargetType="{x:Type CheckBox}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CheckBox}">
                <Grid>
                    <Border x:Name="Border" 
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="2"
                            CornerRadius="2">
                        <!-- 自定义对勾图标 -->
                        <Path x:Name="CheckMark" 
                              Data="M9.97498,1.22334L4.6983,9.09834L4.52164,9.30167L4.34498,9.505L3.19834,9.505L3.19834,9.68167L4.34498,9.68167L9.97498,1.22334Z"
                              Fill="Transparent" 
                              Stroke="{TemplateBinding Foreground}"
                              StrokeThickness="2"
                              HorizontalAlignment="Center"
                              VerticalAlignment="Center"/>
                    </Border>
                    <ContentPresenter Margin="8,0,0,0" 
                                      VerticalAlignment="Center"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="True">
                        <!-- 勾选时对勾的填充色和边框色 -->
                        <Setter TargetName="CheckMark" Property="Fill" Value="ForestGreen"/>
                        <Setter TargetName="CheckMark" Property="Stroke" Value="DarkGreen"/>
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="Border" Property="Background" Value="#FFE5F1FB"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这个模板里的CheckMark就是对勾的路径元素，通过触发器设置IsChecked=True时的Fill和Stroke属性，就能完全自定义勾选后的颜色了。

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