WPF：如何使用 BasedOn 样式

Question

我是 WPF 新手，我创建了以下简单样式示例。但它不能正常工作并且按钮的内容没有显示，虽然我仍然可以点击它。谁能告诉我为什么它坏了？

<Window.Resources>
    <Style TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <Border BorderBrush="Blue" 
                            BorderThickness="5" 
                            Background="Aqua"
                            Width="80"
                            Height="40">
                        <ContentPresenter></ContentPresenter>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="Grid" x:Name="GridWithMarginStyle">
        <Setter Property="Margin" Value="12"></Setter>
    </Style>

</Window.Resources>
<StackPanel>
    <StackPanel.Resources>
        <Style TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Type Button}}">
            <EventSetter Event="Button.Click" Handler="ButtonHandler" />
            <Setter Property="Background" Value="Red"></Setter>
            <Setter Property="Foreground" Value="White"></Setter>
        </Style>
    </StackPanel.Resources>
    <Button Name="OkBtn">OK</Button>
    <Button Name="CancelBtn" Click="CancelBtn_Click">Cancel</Button>
</StackPanel>

Answer 1

您正在以正确的方式使用BasedOn 属性。问题是您的 ContentPresenter 没有绑定到它呈现的控件（即按钮）。

试着用这个替换你的ControlTemplate XAML：

<ControlTemplate TargetType="{x:Type Button}">
    <Border BorderBrush="Blue" 
        BorderThickness="5" 
        Background="Aqua"
        Width="80"
        Height="40">
        <ContentPresenter Content="{TemplateBinding Content}" />
    </Border>
</ControlTemplate>

通过使用TemplateBinding，您可以将ContentPresenter 绑定到模板化控件的Content 属性。