求助：UWP中动态修改复选框勾选时文本颜色的实现问题

嘿Sarath，我来帮你搞定这个UWP复选框的文本颜色问题～你之前的代码没生效，大概率是因为UWP控件的模板机制：CheckBox的默认模板里，显示文本的ContentPresenter并没有直接继承控件本身的Foreground属性，或者模板内的视觉状态会覆盖你后台设置的值。下面给你两种可行的解决方案：

方案一：通过后台事件修改模板内元素（快速实现） #

这种方式不需要修改XAML模板，直接在后台代码里找到模板中的ContentPresenter来设置颜色：

首先，先写一个辅助方法用来遍历视觉树找到子元素：

using Windows.UI.Xaml;
using Windows.UI.Xaml.Media;

public static class VisualTreeHelperExtensions
{
    public static T FindDescendant<T>(this DependencyObject element) where T : DependencyObject
    {
        if (element == null) return null;
        var childCount = VisualTreeHelper.GetChildrenCount(element);
        for (int i = 0; i < childCount; i++)
        {
            var child = VisualTreeHelper.GetChild(element, i);
            var result = child as T ?? FindDescendant<T>(child);
            if (result != null) return result;
        }
        return null;
    }
}

然后修改你的复选框事件处理代码：

private void CheckBox_Checked(object sender, RoutedEventArgs e)
{
    var checkBox = sender as CheckBox;
    if (checkBox == null) return;

    // 找到模板里的ContentPresenter
    var contentPresenter = checkBox.FindDescendant<ContentPresenter>();
    if (contentPresenter != null)
    {
        // 设置勾选时的红色
        contentPresenter.Foreground = new Windows.UI.Xaml.Media.SolidColorBrush(Windows.UI.Colors.Red);
    }
}

private void CheckBox_Unchecked(object sender, RoutedEventArgs e)
{
    var checkBox = sender as CheckBox;
    if (checkBox == null) return;

    var contentPresenter = checkBox.FindDescendant<ContentPresenter>();
    if (contentPresenter != null)
    {
        // 清除自定义颜色，恢复系统主题默认
        contentPresenter.ClearValue(ContentPresenter.ForegroundProperty);
    }
}

别忘了在XAML里给CheckBox绑定这两个事件：

<CheckBox Content="测试复选框" 
          Checked="CheckBox_Checked" 
          Unchecked="CheckBox_Unchecked"/>

方案二：通过样式和视觉状态（推荐，更符合UWP设计模式） #

这种方式不需要后台代码，完全用XAML实现，更优雅也更易维护，还能轻松适配系统主题：

先定义一个自定义的CheckBox样式，在视觉状态里设置勾选和未勾选时的文本颜色：

<Page.Resources>
    <SolidColorBrush x:Key="CheckedTextBrush" Color="Red"/>
    <!-- 使用系统主题默认颜色 -->
    <StaticResource x:Key="DefaultTextBrush" ResourceKey="SystemControlForegroundBaseHighBrush"/>

    <Style TargetType="CheckBox">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="CheckBox">
                    <Grid Margin="{TemplateBinding Padding}">
                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                            <!-- 保留默认的复选框视觉元素 -->
                            <CheckBoxChrome x:Name="CheckChrome" 
                                            IsChecked="{TemplateBinding IsChecked}"
                                            Background="{TemplateBinding Background}"
                                            BorderBrush="{TemplateBinding BorderBrush}"
                                            Width="20" Height="20"/>
                            <!-- 显示文本的ContentPresenter -->
                            <ContentPresenter x:Name="ContentPresenter" 
                                              Margin="8,0,0,0"
                                              Content="{TemplateBinding Content}"
                                              Foreground="{TemplateBinding Foreground}"
                                              VerticalAlignment="Center"/>
                        </StackPanel>

                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CheckStates">
                                <!-- 勾选状态：设置红色文本 -->
                                <VisualState x:Name="Checked">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                                       Storyboard.TargetProperty="Foreground">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource CheckedTextBrush}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <!-- 未勾选状态：恢复系统默认颜色 -->
                                <VisualState x:Name="Unchecked">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                                       Storyboard.TargetProperty="Foreground">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource DefaultTextBrush}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <!-- 不确定状态可以按需设置 -->
                                <VisualState x:Name="Indeterminate"/>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Page.Resources>

之后你的CheckBox就会自动应用这个样式，不需要额外绑定事件：

<CheckBox Content="测试复选框"/>

这样设置后，未勾选时会使用系统主题的默认文本颜色（比如浅色主题下是黑色，深色主题下是白色），勾选时变成红色，完美符合你的需求～

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