WPF - 图像没有显示

Question

我有我的应用程序，现在我想添加一个关闭按钮。我在设计师用图像创建它（也许有更好的方法！如果是这样，请回答）并且一切似乎都有效：

然后我运行应用程序，它看起来像这样：

为什么没有按钮/图像了？我不知道！ 顺便说一句，图片是.png并保存在资源中！

我的wpf代码：

<Window x:Class="Chat_App.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="500" Width="1000" WindowStyle="None" AllowsTransparency="True">
    <Window.Background>
        <RadialGradientBrush>
            <GradientStop Color="#FF323A44" Offset="1"/>
            <GradientStop Color="#FF384A5A"/>
        </RadialGradientBrush>
    </Window.Background>

    <Grid>
        <Border BorderThickness="1" Height="26" VerticalAlignment="Top" Background="#FF436B85" MouseLeftButtonDown="Border_MouseLeftButtonDown">
            <Image HorizontalAlignment="Left" Height="20" VerticalAlignment="Top" Width="33" Source="pack://siteoforigin:,,,/Resources/simat_btn_chat.png" MouseLeftButtonDown="Image_MouseLeftButtonDown" Margin="963,2,0,0"/>
        </Border>
    </Grid>
</Window>

BTW，我也用ico文件试了一下！

谢谢！

Answer 1

删除图像的verticalAlighment和horizo​​ntalAlignment并将其包装在网格中，应该是这样的，

<Border BorderThickness="1" Height="26" VerticalAlignment="Top" Background="#FF436B85">
 <Grid HorizontalAlignment="Right" Width="24">
 <Image Source="Images/download.jpg"  Margin="0,0,0,0" d:LayoutOverrides="Width"/>
</Grid>
</Border>

Answer 2

尝试将其添加为资源（也可以重用！）

<Window.Resources>
     <Image x:Key="MyImage" Source.../>
</Window.Resources>

然后在你的网格中使用它：

<Button Content={StaticResource MyImage} />

另外，请确保您的图片构建为Resource

编辑：按钮显示，但不显示您的图片。所以它找不到它。尝试更改您的包网址。

要么，

Source="pack://application:,,,/Resources/simat_btn_chat.png"

或

Source="/Resources/simat_btn_chat.png"