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

debugcn 发表于 Dev

用户名

好的，我在WPF项目的.xaml文件中创建了一个自定义按钮，已完成所有操作，但内容未显示... C＃代码为默认代码，没有任何更改，但这是我的.xaml代码：

<Button Name="TestButton" Content="TESTING" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="197,158,0,0" Height="30" Width="120">
            <Button.Template>
                <ControlTemplate>
                    <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>
                </ControlTemplate>
            </Button.Template>
        </Button>

史考特

当您替换控件的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>