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>

順便說一句，我也嘗試了一個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"