TemplateBinding 在某些情况下不起作用（使用 TranslateTransform 时）

XML

TemplateBinding 在某些情况下不起作用（使用 TranslateTransform 时）

在WPF中，我们经常使用TemplateBinding来绑定控件模板中的属性到控件自身的属性。这种绑定机制能够使控件模板更加灵活和可复用。然而，有时候我们会遇到一些情况，即使正确使用了TemplateBinding，但它仍然无法正常工作。本文将重点讨论在使用TranslateTransform时TemplateBinding无效的情况，并提供一些解决方案。

问题描述

当我们在控件的模板中使用TranslateTransform对控件进行平移时，有时候TemplateBinding会失效。也就是说，模板中的属性无法正确地绑定到控件自身的属性上。这可能导致控件无法正常显示或交互。

案例代码

下面是一个简单的案例代码，用于演示TemplateBinding在使用TranslateTransform时失效的情况。

XML
<Window x:Class="WpfApp1.MAInWindow"</p>        XMLns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        XMLns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MAInWindow" Height="450" Width="800">
    <Window.Resources>
        <Style TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{TemplateBinding Background}"</p>                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Width="{TemplateBinding Width}">
                            <Grid>
                                <TextBlock Text="Hello, World!" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Grid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    
    <Grid>
        <Button Width="100" Height="50" Background="LightBlue" BorderBrush="Black" BorderThickness="2">
            <Button.RenderTransform>
                <TranslateTransform X="50" Y="0"/>
            </Button.RenderTransform>
        </Button>
    </Grid>
</Window>

在上面的代码中，我们定义了一个Button控件，并为其设置了模板。模板中的Border控件使用了TemplateBinding来绑定Background、BorderBrush和BorderThickness属性。而Button控件本身使用了TranslateTransform进行平移。

解决方案

要解决TemplateBinding在使用TranslateTransform时失效的问题，我们可以使用RelativeSource来手动绑定模板中的属性到控件自身的属性上。下面是修改后的代码：

XML
<Window x:Class="WpfApp1.MAInWindow"</p>        XMLns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        XMLns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MAInWindow" Height="450" Width="800">
    <Window.Resources>
        <Style TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}"</p>                                BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"
                                BorderThickness="{Binding BorderThickness, RelativeSource={RelativeSource TemplatedParent}}"
                                Width="{Binding Width, RelativeSource={RelativeSource TemplatedParent}}">
                            <Grid>
                                <TextBlock Text="Hello, World!" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Grid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    
    <Grid>
        <Button Width="100" Height="50" Background="LightBlue" BorderBrush="Black" BorderThickness="2">
            <Button.RenderTransform>
                <TranslateTransform X="50" Y="0"/>
            </Button.RenderTransform>
        </Button>
    </Grid>
</Window>

通过使用RelativeSource和TemplatedParent，我们手动将模板中的属性绑定到了控件自身的属性上。这样，即使使用了TranslateTransform，TemplateBinding仍然能够正常工作。

在使用WPF的控件模板时，TemplateBinding是一个非常有用的机制。然而，在一些特定情况下，比如使用TranslateTransform时，TemplateBinding可能会失效。为了解决这个问题，我们可以使用RelativeSource来手动绑定模板中的属性到控件自身的属性上。这样，我们就能够正常使用TemplateBinding了。