UWP C# Replacing image.

Question

How can I in C# replace an existing image from xaml?

Answer 1

Hello,

Welcome to Microsoft Q&A!

How can I in C# replace an existing image from xaml?

If you have an existing image in Xaml like this:

   <Image x:Name="_displayImage" Source="Assets/london.png" Width="200" Height="200"/>  

You could just replace the source of the Image in code behind like:

      //create a new bitmage image  
    BitmapImage bitmapImage = new BitmapImage();  
    bitmapImage.UriSource = new Uri("ms-appx:///Assets/paris.png");  
    _displayImage.Source =  bitmapImage;  

If you are using binding to show the image like:

 <Image x:Name="_displayImage" Source="{Binding SourceImage,Mode=TwoWay}" Width="200" Height="200"/>  

Then you could change the SourceImage in the code behind like:

          //create a new bitmage image  
        BitmapImage bitmapImage = new BitmapImage();  
        bitmapImage.UriSource = new Uri("ms-appx:///Assets/paris.png");  
        //set the new value to the binding source  
        SourceImage=bitmapImage;  

Thank you.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
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.

Answer 2

create a new bitmage image
BitmapImage bitmapImage = new BitmapImage();
bitmapImage.UriSource = new Uri("ms-appx:///Assets/paris.png");
//set the new value to the binding source
SourceImage=bitmapImage;