WPF中如何通过ControlTemplate让父控件设置子元素属性？

因为Button控件本身没有Source和Title这类属性，你需要通过附加属性来实现外部设置模板内子元素的属性，这是最灵活且轻量的方案，步骤如下：

1. 创建附加属性类 #

在项目中新建一个类（比如命名为ButtonExtensions），定义两个附加属性：ImageSource和ButtonTitle，用于传递图片路径和标题文本：

using System.Windows;
using System.Windows.Media;

public static class ButtonExtensions
{
    // 图片源附加属性
    public static readonly DependencyProperty ImageSourceProperty =
        DependencyProperty.RegisterAttached(
            "ImageSource",
            typeof(ImageSource),
            typeof(ButtonExtensions),
            new PropertyMetadata(null));

    public static ImageSource GetImageSource(DependencyObject obj)
    {
        return (ImageSource)obj.GetValue(ImageSourceProperty);
    }

    public static void SetImageSource(DependencyObject obj, ImageSource value)
    {
        obj.SetValue(ImageSourceProperty, value);
    }

    // 标题文本附加属性
    public static readonly DependencyProperty ButtonTitleProperty =
        DependencyProperty.RegisterAttached(
            "ButtonTitle",
            typeof(string),
            typeof(ButtonExtensions),
            new PropertyMetadata(string.Empty));

    public static string GetButtonTitle(DependencyObject obj)
    {
        return (string)obj.GetValue(ButtonTitleProperty);
    }

    public static void SetButtonTitle(DependencyObject obj, string value)
    {
        obj.SetValue(ButtonTitleProperty, value);
    }
}

2. 修改ResourceDictionary中的Style和ControlTemplate #

修改模板内的Image和TextBlock，通过TemplateBinding绑定到我们定义的附加属性，同时移除固定的图片路径和标题文本：

<Style x:Key="myStyle" TargetType="{x:Type Button}">
    <Setter Property="Width" Value="300"/>
    <Setter Property="Height" Value="320"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Grid Margin="5 2" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Background="White">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <!-- 绑定到附加属性 ImageSource -->
                    <Image Width="300" Height="250" 
                           Source="{TemplateBinding local:ButtonExtensions.ImageSource}"/>
                    <!-- 绑定到附加属性 ButtonTitle -->
                    <TextBlock Grid.Row="1" 
                               Text="{TemplateBinding local:ButtonExtensions.ButtonTitle}" 
                               HorizontalAlignment="Center"/>
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                      Margin="{TemplateBinding Padding}" 
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

注意：需要在ResourceDictionary的根节点添加命名空间引用，比如xmlns:local="clr-namespace:你的项目命名空间"，替换成你实际的项目命名空间。

3. 使用Button时设置附加属性 #

现在就可以像你期望的那样，直接在Button标签上设置这两个附加属性了：

<Button Style="{StaticResource myStyle}"
        local:ButtonExtensions.ImageSource="picture1.png"
        local:ButtonExtensions.ButtonTitle="title 1"/>

<Button Style="{StaticResource myStyle}"
        local:ButtonExtensions.ImageSource="picture2.png"
        local:ButtonExtensions.ButtonTitle="title 2"/>

另一种方案：自定义控件 #

如果这类控件你会频繁使用，也可以创建一个继承自Button的自定义控件，在控件内部定义ImageSource和Title依赖属性，这样使用起来更直观（不需要写local:前缀），但步骤略多一些，适合长期复用的场景。

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