如何将SolidColorBrush的Color绑定到Button的Background属性？

嘿，这个问题我熟！你现在的核心问题是模板里的矩形填充没有和Button的Background属性建立关联，所以只能写死颜色，没法跟着按钮的背景色动态变化。我给你两种解决方案，优先推荐第一种，兼容性更好：

方案一：直接绑定Fill到Background #

最简单的方式就是把Rectangle的Fill直接绑定到模板所属Button的Background属性，用TemplateBinding就行——这是控件模板里绑定父控件属性的专用语法，非常方便：

<Style x:Key="RoundedButton" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <!-- 直接绑定Fill到Button的Background -->
                    <Rectangle RadiusX="6" RadiusY="6"
                               Fill="{TemplateBinding Background}"/>
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这样不管你给Button设置的Background是纯色、渐变还是其他Brush类型，矩形的填充都会自动同步，完全不用为每种颜色单独做样式。

方案二：绑定SolidColorBrush的Color属性（仅限纯色背景） #

如果你确实需要单独用SolidColorBrush（比如要做颜色的动态调整），可以绑定到Background.Color，但要注意：只有当Background是SolidColorBrush时这个绑定才会生效，所以最好加上FallbackValue作为降级方案：

<Style x:Key="RoundedButton" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <Rectangle RadiusX="6" RadiusY="6">
                        <Rectangle.Fill>
                            <SolidColorBrush 
                                Color="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                        Path=Background.Color, 
                                        FallbackValue=Gray}"/>
                        </Rectangle.Fill>
                    </Rectangle>
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这里用RelativeSource={RelativeSource TemplatedParent}代替TemplateBinding，是因为TemplateBinding在嵌套的SolidColorBrush里可能无法正常解析，而相对源绑定更灵活。

额外建议：添加交互状态样式 #

为了让按钮更符合用户交互习惯，你可以加上鼠标悬停、按下、禁用时的颜色变化，比如：

<Style x:Key="RoundedButton" TargetType="Button">
    <!-- 设置默认背景色和前景色 -->
    <Setter Property="Background" Value="#FF0078D7"/>
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <Rectangle x:Name="RootRect" RadiusX="6" RadiusY="6"
                               Fill="{TemplateBinding Background}"/>
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"
                                      Foreground="{TemplateBinding Foreground}"/>
                </Grid>
                <!-- 添加交互触发器 -->
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="RootRect" Property="Fill" Value="#FF005A9E"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter TargetName="RootRect" Property="Fill" Value="#FF004578"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="RootRect" Property="Fill" Value="#FF7A7A7A"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这样按钮在不同状态下会有对应的视觉反馈，体验更好。

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