WPF - TemplateBinding 无法识别成员内容

AI

WPF - TemplateBinding 无法识别成员内容

WPF（Windows Presentation Foundation）是一种用于创建 Windows 桌面应用程序的技术，它提供了丰富的界面设计和交互功能。在 WPF 中，TemplateBinding 是一种用于在自定义控件模板中绑定属性的方式。然而，有时候我们可能会遇到 TemplateBinding 无法正确识别成员内容的问题。本文将介绍这个问题，并提供解决方案。

案例代码：

<Window x:Class="WpfApp.MAInWindow"</p>        XMLns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        XMLns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        XMLns:local="clr-namespace:WpfApp"
        Title="MAInWindow" Height="450" Width="800">
    <Window.Resources>
        <Style TargetType="Button" x:Key="CustomButtonStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{TemplateBinding Background}"</p>                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}">
                            <TextBlock Text="{TemplateBinding Content}" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    
    <Grid>
        <Button Style="{StaticResource CustomButtonStyle}"</p>                Content="Click me!"
                Background="Red"
                BorderBrush="Black"
                BorderThickness="2" />
    </Grid>
</Window>

在上面的案例代码中，我们创建了一个自定义按钮样式 CustomButtonStyle，并将其应用于一个按钮。在按钮的模板中，我们使用 TemplateBinding 来绑定背景、边框颜色和边框厚度属性。

然而，当我们运行这段代码时，我们会发现按钮的模板无法正确识别成员内容。按钮的背景、边框颜色和边框厚度都没有被正确地应用。

解决方案：使用 RelativeSource 来绑定属性

为了解决 TemplateBinding 无法识别成员内容的问题，我们可以使用 RelativeSource 来绑定属性。RelativeSource 允许我们在模板中使用相对于其他元素的绑定。

我们可以修改上面的案例代码，将 TemplateBinding 替换为 RelativeSource：

<Window x:Class="WpfApp.MAInWindow"</p>        XMLns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        XMLns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        XMLns:local="clr-namespace:WpfApp"
        Title="MAInWindow" Height="450" Width="800">
    <Window.Resources>
        <Style TargetType="Button" x:Key="CustomButtonStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Background}"</p>                                BorderBrush="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=BorderBrush}"
                                BorderThickness="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=BorderThickness}">
                            <TextBlock Text="{TemplateBinding Content}" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    
    <Grid>
        <Button Style="{StaticResource CustomButtonStyle}"</p>                Content="Click me!"
                Background="Red"
                BorderBrush="Black"
                BorderThickness="2" />
    </Grid>
</Window>

在修改后的代码中，我们使用 Binding 和 RelativeSource 来绑定按钮的 Background、BorderBrush 和 BorderThickness 属性。这样，按钮的模板就能正确识别成员内容，并正确应用属性值。

WPF 中的 TemplateBinding 是一种用于在自定义控件模板中绑定属性的方式。然而，有时候 TemplateBinding 无法正确识别成员内容。为了解决这个问题，我们可以使用 RelativeSource 来绑定属性。通过使用 RelativeSource，我们可以在模板中相对于其他元素进行绑定，从而正确识别成员内容并应用属性值。