Image visible in Microsoft Blend Editor but not visible in Debugger

Question

The image is visible in Microsoft Blend for VS 2022 Editor but is not displayed when Debugging. The title appears but the Image does not. Why? The background of the Image is White.

<Window x:Class="Cinetique_GUI.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Cinetique_GUI"
        mc:Ignorable="d"
        Title="Cinetique  GUI" Height="1080" Width="1920" >
    <StackPanel>
        <Image Source="/Images/Logo-White-Crop.png" Stretch="Fill" Margin="5" Width="400" Height="150" HorizontalAlignment="Left"  />
    </StackPanel>
</Window>

Answer 1

Hi,@Don Baechtel. Welcome Microsoft Q&A.

You could check whether the properties of your images are Resources. What is the path to your image's location in the project? Can you show a screenshot of your project structure?

Project structure:

Property of image

 <Image Source="Images\li.png" Stretch="Fill" Margin="5" Width="300" Height="100" HorizontalAlignment="Left"  />

You could Rebuild the project after checking and then running to see if it works.

The result:

---

If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.