使用 ControlTemplate 覆盖 XAML WPF 中的按钮不显示内容答案

【问题标题】：Overriding Button in XAML WPF with ControlTemplate does not display content使用 ControlTemplate 覆盖 XAML WPF 中的按钮不显示内容
【发布时间】：2013-05-06 06:27:55
【问题描述】：

我是 XAML 新手，正在查看此博客

http://jeremybytes.blogspot.com/2009/03/wpf-xaml-sample.html

他提到“请注意，它们没有任何内容（Button1a、Button1b 等）。这是因为我们的模板不包含 Content 的元素。”我想弄清楚即使在应用新按钮模板后如何确保内容仍然存在。这是 XAML

<Page.Resources>
    <ControlTemplate TargetType="Button" x:Key="targetButton">
        <Canvas Width="100" Height="100" Name="mainCanvas">
            <Rectangle Height="100" Width="100" Fill="Aqua" Canvas.Top="1"/>     
        </Canvas>
    </ControlTemplate>        
    <Style TargetType="Button">
        <Setter Property="Margin" Value="5, 5, 5, 5"/>            
        <Setter Property="Template" Value="{StaticResource targetButton}"/>
    </Style>
</Page.Resources> 
<StackPanel DataContext="{Binding Board}">
    <StackPanel Orientation="Horizontal">
        <Button Name="testButton1a" Click="testButton1a_Click" Content="testButton1a"/>
        <Button Name="testButton1b" Click="testButton1a_Click" Content="testButton1b"/>
        <Button Name="testButton1c" Click="testButton1a_Click" Content="testButton1c"/>
    </StackPanel>
    <StackPanel Orientation="Horizontal">
        <Button x:Name="testButton2a" Click="testButton1a_Click" Content="testButton2a"/>
        <Button x:Name="testButton2b" Click="testButton1a_Click" Content="testButton2b"/>
        <Button x:Name="testButton2c" Click="testButton1a_Click" Content="testButton2c"/>
    </StackPanel>
    <StackPanel Orientation="Horizontal">
        <Button Name="testButton3a" Click="testButton1a_Click" Content="testButton3a"/>
        <Button Name="testButton3b" Click="testButton1a_Click" Content="testButton3b"/>
        <Button Name="testButton3c" Click="testButton1a_Click" Content="testButton3c"/>
    </StackPanel>
</StackPanel>

我尝试在模板中添加一个 TextBlock，但我看到所有按钮都覆盖了相同的文本块。我想要的只是渲染矩形按钮矩阵上显示的 testButton* 内容，这样我可以在单击后更改内容。

谢谢，任何帮助将不胜感激

【问题讨论】：

标签： c# wpf xaml

【解决方案1】：

您可以使用ContentPresenter显示内容：

<ControlTemplate TargetType="Button" x:Key="targetButton">
   <Canvas Width="100" Height="100" Name="mainCanvas">
      <Rectangle Height="100" Width="100" Fill="Aqua" Canvas.Top="1"/>
      <ContentPresenter/>
   </Canvas>
</ControlTemplate>

【讨论】：