WPF Image Dynamically changing Image source during runtime

Question

I have a window with a title on it. When the user selects a choice from a drop down list, the title image can change. The problem is when the image loads, it's a blurred, stretched, and pixelated. These are PNG files I'm working with and they look good prior to setting the source dynamically.

Here's the code I'm using to change the image's source.

string strUri2 = String.Format(@"pack://application:,,,/MyAssembly;component/resources/main titles/{0}", CurrenSelection.TitleImage);
Stream iconStream2 = App.GetResourceStream(new Uri(strUri2)).Stream;
imgTitle.Source = HelperFunctions.returnImage(iconStream2);

Here are the helper functions.

    public static BitmapImage returnImage(Stream iconStream)
    {
        Bitmap brush = new Bitmap(iconStream);
        System.Drawing.Image img = brush.GetThumbnailImage(brush.Height, brush.Width, null, System.IntPtr.Zero);
        var imgbrush = new BitmapImage();
        imgbrush.BeginInit();
        imgbrush.StreamSource = ConvertImageToMemoryStream(img);
        imgbrush.CreateOptions = BitmapCreateOptions.PreservePixelFormat;
        imgbrush.EndInit();
        var ib = new ImageBrush(imgbrush);
        return imgbrush;
    }

    public static MemoryStream ConvertImageToMemoryStream(System.Drawing.Image img)
    {
        var ms = new MemoryStream();
        img.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
        return ms;
    }

And the XAML

            <Image x:Name="imgTitle" HorizontalAlignment="Left" VerticalAlignment="Bottom" Grid.Column="1" Grid.Row="1" Stretch="None" d:IsLocked="False"/>

And for Ref:

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

Anyone have any ideas what's up?

Nir · Accepted Answer · 2008-12-29 08:51:09Z

29

I can think of two things:

First, try loading the image with:

string strUri2 = String.Format(@"pack://application:,,,/MyAseemby;component/resources/main titles/{0}", CurrenSelection.TitleImage);
imgTitle.Source = new BitmapImage(new Uri(strUri2));

Maybe the problem is with WinForm's image resizing, if the image is stretched set Stretch on the image control to "Uniform" or "UnfirofmToFill".

Second option is that maybe the image is not aligned to the pixel grid, you can read about it on my blog at http://www.nbdtech.com/blog/archive/2008/11/20/blurred-images-in-wpf.aspx

answered Dec 29, 2008 at 8:51

Nir

29.7k11 gold badges69 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Junior Mayhe · Accepted Answer · 2009-09-11 21:25:23Z

10

Hey, this one is kind of ugly but it's one line only:

imgTitle.Source = new BitmapImage(new Uri(@"pack://application:,,,/YourAssembly;component/your_image.png"));

answered Sep 11, 2009 at 21:25

Junior Mayhe

16.5k27 gold badges121 silver badges162 bronze badges

1 Comment

Junior Mayhe Over a year ago

if you have your image in a subfolder put ico.Source = new BitmapImage(new Uri(@"pack://application:,,,/YourAssembly;component/YourFolder/your_image.png"));

Indy9000 · Accepted Answer · 2011-08-01 14:46:41Z

4

Here is how it worked beautifully for me. In the window resources add the image.

   <Image x:Key="delImg" >
    <Image.Source>
     <BitmapImage UriSource="Images/delitem.gif"></BitmapImage>
    </Image.Source>
   </Image>

Then the code goes like this.

Image img = new Image()

img.Source = ((Image)this.Resources["delImg"]).Source;

"this" is referring to the Window object

edited Aug 1, 2011 at 14:46

Indy9000

8,8712 gold badges35 silver badges38 bronze badges

answered Nov 19, 2009 at 5:08

al.

411 bronze badge

Comments

yvisek · Accepted Answer · 2011-03-08 16:23:55Z

3

Like for me -> working is:

string strUri2 = Directory.GetCurrentDirectory()+@"/Images/ok_progress.png"; image1.Source = new BitmapImage(new Uri(strUri2));

answered Mar 8, 2011 at 16:23

yvisek

311 bronze badge

1 Comment

Pabitra Dash Over a year ago

In following code BlackPlayerPic is of type Image. BitmapImage activeBlackPlayer = new BitmapImage(new Uri("C:\\png\\turn_black.png")); BlackPlayerPic.Source = activeBlackPlayer;

Indy9000 · Accepted Answer · 2011-08-01 14:46:55Z

3

Me.imgAddNew.Source = New System.Windows.Media.Imaging.BitmapImage(New Uri("/SPMS;component/Images/Cancel__Red-64.png", UriKind.Relative))

edited Aug 1, 2011 at 14:46

Indy9000

8,8712 gold badges35 silver badges38 bronze badges

answered Sep 18, 2010 at 20:07

Adnan Badar

3472 gold badges5 silver badges14 bronze badges

Comments

Jobi Joy · Accepted Answer · 2008-12-29 06:04:48Z

2

Try Stretch="UniformToFill" on the Image

answered Dec 29, 2008 at 6:04

Jobi Joy

50.3k20 gold badges111 silver badges120 bronze badges

Collectives™ on Stack Overflow

WPF Image Dynamically changing Image source during runtime

6 Answers 6

Comments

1 Comment

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related