自定义按钮无法正确显示其内容

当您替换控件的ControlTemplate时，您将替换其所有视觉功能，包括显示Content属性的部分。如果您想要一个用于显示图像的按钮，而Content属性中的任何内容都非常接近，只需将ContentPresenter添加到模板中，如下所示：

<Button Name="TestButton" Content="TESTING" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="197,158,0,0" Height="30" Width="120">
        <Button.Template>
            <ControlTemplate TargetType="Button">
                <Grid>
                <Image Height="30" Width="120" Stretch="Fill">
                    <Image.Style>
                        <Style TargetType="{x:Type Image}">
                            <Setter Property="Source" Value="/Resources/btn_primary_normal.png"/>
                            <Style.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Source" Value="/Resources/btn_primary_hover.png"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter Property="Source" Value="/Resources/btn_primary_disabled.png"/>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </Image.Style>
                </Image>
                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Grid>
            </ControlTemplate>
        </Button.Template>
    </Button>

还要注意ControlTemplate中TargetType的规范，这一点很重要。