如何为WPF自定义控件的单个部件设置样式？

不用必须重新定义整个控件模板就能修改单个按钮的样式，这里有几种实用的方案，根据你的场景选择：

方案1：基于原有模板继承，仅修改目标部件 #

如果你的自定义控件已经有默认模板（通常在Generic.xaml中），你可以创建一个继承自默认样式的新样式，然后只重写目标按钮的部分，其他部件保留默认模板的定义即可。

举个例子，假设你的自定义控件默认模板是这样的：

<!-- Generic.xaml 中的默认样式 -->
<Style TargetType="{x:Type local:MyCustomControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:MyCustomControl}">
                <StackPanel Orientation="Horizontal" Spacing="8">
                    <Button x:Name="Part_Button1" Content="按钮1"/>
                    <Button x:Name="Part_Button2" Content="按钮2"/>
                    <Button x:Name="Part_Button3" Content="按钮3"/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

在视图中，你可以创建一个基于默认样式的新样式，只修改Part_Button1的样式：

<!-- 视图中的资源 -->
<Window.Resources>
    <Style TargetType="{x:Type local:MyCustomControl}" 
           BasedOn="{StaticResource {x:Type local:MyCustomControl}}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:MyCustomControl}">
                    <StackPanel Orientation="Horizontal" Spacing="8">
                        <!-- 仅修改这个按钮的样式 -->
                        <Button x:Name="Part_Button1" 
                                Content="按钮1" 
                                Background="Crimson" 
                                Foreground="White"
                                Padding="12 4"/>
                        <!-- 其他按钮保留默认模板的定义 -->
                        <Button x:Name="Part_Button2" Content="按钮2"/>
                        <Button x:Name="Part_Button3" Content="按钮3"/>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<!-- 使用自定义控件 -->
<local:MyCustomControl/>

这种方法的好处是不用从头构建整个模板，只替换需要修改的部件。

方案2：给部件添加样式依赖属性（推荐） #

如果有权限修改自定义控件的代码，这是最灵活的方案：给目标按钮部件添加一个样式依赖属性，然后在默认模板中绑定这个属性，这样在视图中直接设置该属性就能修改样式，完全不用碰模板。

第一步：在自定义控件类中添加依赖属性 #

public class MyCustomControl : Control
{
    static MyCustomControl()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomControl), 
            new FrameworkPropertyMetadata(typeof(MyCustomControl)));
    }

    // 为Part_Button1添加样式依赖属性
    public static readonly DependencyProperty Button1StyleProperty =
        DependencyProperty.Register(nameof(Button1Style), typeof(Style), typeof(MyCustomControl));

    public Style Button1Style
    {
        get => (Style)GetValue(Button1StyleProperty);
        set => SetValue(Button1StyleProperty, value);
    }
}

第二步：在默认模板中绑定该属性 #

<!-- Generic.xaml 中修改默认模板 -->
<Style TargetType="{x:Type local:MyCustomControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:MyCustomControl}">
                <StackPanel Orientation="Horizontal" Spacing="8">
                    <Button x:Name="Part_Button1" 
                            Content="按钮1"
                            Style="{TemplateBinding Button1Style}"/>
                    <Button x:Name="Part_Button2" Content="按钮2"/>
                    <Button x:Name="Part_Button3" Content="按钮3"/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

第三步：在视图中直接设置样式 #

<local:MyCustomControl>
    <local:MyCustomControl.Button1Style>
        <Style TargetType="Button">
            <Setter Property="Background" Value="ForestGreen"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Padding" Value="10 6"/>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="DarkGreen"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </local:MyCustomControl.Button1Style>
</local:MyCustomControl>

这种方法的优势是完全解耦，后续修改其他按钮样式也可以用同样的方式扩展，维护起来非常方便。

方案3：利用隐式样式的作用域（简单场景） #

如果只是想给目标按钮应用一个通用的按钮样式，可以在自定义控件的资源中定义一个带x:Key的按钮样式，然后在模板中给Part_Button1引用这个样式，其他按钮使用默认样式。

比如在默认模板中：

<Style TargetType="{x:Type local:MyCustomControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:MyCustomControl}">
                <StackPanel Orientation="Horizontal" Spacing="8">
                    <StackPanel.Resources>
                        <!-- 定义目标按钮的样式 -->
                        <Style x:Key="CustomButton1Style" TargetType="Button">
                            <Setter Property="Background" Value="SlateBlue"/>
                            <Setter Property="Foreground" Value="White"/>
                        </Style>
                    </StackPanel.Resources>
                    <Button x:Name="Part_Button1" 
                            Content="按钮1"
                            Style="{StaticResource CustomButton1Style}"/>
                    <Button x:Name="Part_Button2" Content="按钮2"/>
                    <Button x:Name="Part_Button3" Content="按钮3"/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这种方法适合简单的样式修改，但灵活性不如方案2。

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