WPF按钮图像未显示

Question

我有一个小型沙盒程序。我无法让按钮上的图像在运行时出现。我可以在设计时看到它。我检查了属性，我将 XAML 剥离到最低限度，它只是没有显示出来。按钮在“那里”，如果我单击该区域，我会到达 Click 处理程序。

.png 文件的 Build Action 是 Resource。

<Window x:Class="WpfSandbox.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">

<Window.Resources>
    <ControlTemplate x:Key="SpinnerButton" TargetType="{x:Type Button}">
        <Grid>
            <Image
                x:Name="SpinnerButtonImage"
                Height="80"
                Width="80"
                Margin="0,0,0,0"
                Visibility="Visible"
                Source="pack://application:,,,/Resources/spinner.png">
            </Image>
            <TextBlock>Yo!</TextBlock>
        </Grid>
    </ControlTemplate>
</Window.Resources>

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="298*"/>
        <ColumnDefinition Width="219*"/>
    </Grid.ColumnDefinitions>
    <Button Template="{DynamicResource SpinnerButton}" Height="100" Width="100" Click="OnSpinnerClick" Margin="100,100,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" />
</Grid>
</Window>

Answer 1

删除图像的高度和宽度，并允许它在按钮内自行调整大小。这应该允许它占据按钮提供的全部区域并始终显示。