WPF后台代码实现按钮悬停时内部控件前景色变更问题

核心原因 #

自定义FlatButton类默认只会更新自身的Foreground属性，但内部嵌套的TextBlock、子Button等元素并没有和按钮的Foreground做绑定，所以属性变更无法传递下去——而你之前的XAML样式应该是在模板里做了全局绑定处理，所以三种场景都生效。

具体解决方法 #

1. 修正FlatButton的ControlTemplate，确保内部元素绑定Foreground

这是最规范的做法，让模板里的所有文本相关元素都继承按钮的Foreground属性：

<Style TargetType="{x:Type local:FlatButton}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:FlatButton}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <!-- ContentPresenter必须绑定Foreground，确保所有内容继承属性 -->
                    <ContentPresenter Foreground="{TemplateBinding Foreground}"
                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Foreground" Value="#FF0066CC"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

如果FlatButton内部有固定嵌套的TextBlock或子按钮，要直接给它们绑定：

<!-- 模板内固定TextBlock的情况 -->
<TextBlock Text="{TemplateBinding Content}" 
           Foreground="{TemplateBinding Foreground}"/>
<!-- 嵌套子Button的情况 -->
<Button Content="子按钮" 
        Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}"/>

2. 后台类中确保Foreground变更通知正常传递

如果是通过后台事件（MouseEnter/MouseLeave）设置前景色，直接修改依赖属性即可，依赖属性的变更通知会自动触发绑定更新：

public class FlatButton : Button
{
    private Brush _originalForeground;

    protected override void OnMouseEnter(MouseEventArgs e)
    {
        base.OnMouseEnter(e);
        _originalForeground = Foreground;
        Foreground = new SolidColorBrush(Color.FromRgb(0, 102, 204));
    }

    protected override void OnMouseLeave(MouseEventArgs e)
    {
        base.OnMouseLeave(e);
        Foreground = _originalForeground;
    }
}

注意：不要手动实现非依赖属性的Foreground，一定要用Button继承来的依赖属性，否则绑定不会生效。

3. 检查子元素是否硬编码了Foreground

如果你的TextBlock或嵌套按钮自己写死了Foreground值（比如<TextBlock Foreground="Black"/>），模板绑定会被覆盖，必须去掉硬编码，让它继承绑定的值。

4. 兜底方案：遍历VisualTree强制更新子元素

如果无法修改模板，可以在后台通过VisualTreeHelper遍历所有子元素，统一设置前景色：

private void UpdateChildForeground(Brush targetBrush)
{
    UpdateChildForeground(this, targetBrush);
}

private void UpdateChildForeground(DependencyObject parent, Brush targetBrush)
{
    int childCount = VisualTreeHelper.GetChildrenCount(parent);
    for (int i = 0; i < childCount; i++)
    {
        var child = VisualTreeHelper.GetChild(parent, i);
        if (child is TextBlock textBlock)
        {
            textBlock.Foreground = targetBrush;
        }
        else if (child is Button button)
        {
            button.Foreground = targetBrush;
        }
        // 递归处理更深的子元素
        UpdateChildForeground(child, targetBrush);
    }
}

// 在MouseEnter/Leave中调用
protected override void OnMouseEnter(MouseEventArgs e)
{
    base.OnMouseEnter(e);
    _originalForeground = Foreground;
    Foreground = new SolidColorBrush(Color.FromRgb(0, 102, 204));
    UpdateChildForeground(Foreground);
}

protected override void OnMouseLeave(MouseEventArgs e)
{
    base.OnMouseLeave(e);
    Foreground = _originalForeground;
    UpdateChildForeground(_originalForeground);
}

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