Set image from code

Question

I added image to Resources:

Right click on project -> Properties -> Resources.

Then set variable in Class:

var icon = Resources.BLUEJAYF4

In XAML use it like:

<Image Source="{Binding icon }" Width="150" Height="150"></Image>

But it doesn't show. How to set Resource path from code?

Kikootwo · Accepted Answer · 2016-07-28 14:51:50Z

1

Maybe this isn't the best way to do it. But this is how I handle binding images programmatically.

You should have a property of BitmapImage like so:

    private BitmapImage photoSelected;

    public BitmapImage PhotoSelected
    {
        get { return photoSelected; }
        set { photoSelected = value; OnPropertyChanged("PhotoSelected"); }
    }

Then on the action that you desire you do this:

PhotoSelected = new BitmapImage(new Uri(@"pack://application:,,,/Images/4.png"));

Replace /Images/4.png with the path to your image starting at the solution level. For example, this is what my solution tree looks like to reach that point:

Edit: I didnt think about this, but here is also the xaml I use to bind to that property.

<Image x:Name="BitMapImage" Source="{Binding PhotoSelected, Mode=TwoWay}" RenderOptions.BitmapScalingMode="HighQuality"/>

edited Jul 28, 2016 at 14:51

answered Jul 28, 2016 at 14:18

Kikootwo

3801 gold badge4 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Set image from code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related