Access image in CS file C# WPF

Question

I had set background image in XAML file. I had added Mouse Enter Event listener. And added the code:

var image = new ImageBrush();
image.ImageSource = new BitmapImage(new Uri("Images/buttonHover.png", UriKind.Relative));
this.Background = image;

But it is throwing DirectoryNotFound Exception. I do not know how to get the image from the folder. My project consists of a folder named Images.

How can i access the image from the Images folder?

EDIT

private void button1_MouseEnter(object sender, MouseEventArgs e)
        {
            var image = new ImageBrush();
            image.ImageSource = new BitmapImage(new Uri("/WordFill;component/Images/buttonHover.png", UriKind.Relative));
            this.Background = image;
        }

Thanks

Have you set the *Copy to output directory* property of the image file to *Copy Always* or *Copy if Newer*? — Anders Gustafsson, Jan 27 '14 at 15:18
@jamesthollowell i referred http://stackoverflow.com/questions/4009775/change-wpf-window-background-image-in-c-sharp-code?rq=1 but the background image is not displaying, its displaying default background. — Hari krishnan, Jan 27 '14 at 15:47

Rick S · Accepted Answer · 2014-01-27T15:40:19.990

2

You could store the image as a resource in your project and access it this way:

var SourceUri = new Uri("pack://application:,,,/MyCompany.MyProduct.MyAssembly;component/MyIcon.ico", UriKind.Absolute);
thisIcon = new BitmapImage(SourceUri);

edited Jan 27 '14 at 15:40

answered Jan 27 '14 at 15:23

Rick S

6,476
5
29
43

I asked not about XAML – Hari krishnan Jan 27 '14 at 15:32
Thanks i got...But image not displaying, its displaying default background – Hari krishnan Jan 27 '14 at 15:44
As a test, what if you do this: this.Background = Brushes.Blue; – Rick S Jan 27 '14 at 15:53
Yes works...But when hovering a gray background is displaying and after mouse leave the image is displayed. What to do? – Hari krishnan Jan 27 '14 at 15:56

XAMlMAX · Answer 2 · 2014-01-27T15:57:47.637

1

have you tried this?

/<application_name>;component/Images/<image_name.png>

basically you should replace your existing path with the one above, while remember to replace code between <> tags

EDIT

and here is the xaml version

<Grid Name="mainGrid"> <Rectangle><Rectangle.Fill><ImageBrush ImageSource="myCodeSnippet"/></Recatngle.Fill></Rectangle></Grid>

edited Jan 27 '14 at 15:57

answered Jan 27 '14 at 15:17

XAMlMAX

2,268
1
14
23

Tried but still the same – Hari krishnan Jan 27 '14 at 15:20
@Harikrishnan I want to get things right here: IS your Solution tree like this:? `WordFiller -> Images,-> Some other folder like Views` – XAMlMAX Jan 27 '14 at 15:37
`private void button1_MouseEnter(object sender, MouseEventArgs e) { var image = new ImageBrush(); image.ImageSource = new BitmapImage(new Uri("/WordFill;component/Images/buttonHover.png", UriKind.Relative)); this.Background = image; }` – Hari krishnan Jan 27 '14 at 15:38
Aha! have you tried using my code in the xaml file? like: ` ` let us know @Harikrishnan – XAMlMAX Jan 27 '14 at 15:44
But i asked about cs file – Hari krishnan Jan 27 '14 at 15:59
I know but as you saw we've had quite a trouble to get this to work :-) and when used in a xaml file is actually corresponding to MvvM patter which really you should follow if you want to develop good and extansible application in WPF. If for any reason you disagree just let us know :-) – XAMlMAX Jan 28 '14 at 08:10

score 1 · Answer 3 · answered Jan 27 '14 at 15:51

1

AppDomain.CurrentDomain.BaseDirectory will give you the full path of where your program is running.

Change your code to:

image.ImageSource = new BitmapImage(new Uri(AppDomain.CurrentDomain.BaseDirectory+"Images\buttonHover.png", UriKind.Relative));

answered Jan 27 '14 at 15:51

jamesthollowell

1,550
15
21

score 0 · Answer 4 · answered Jan 27 '14 at 15:17

0

Have you checked that the folder is also in the directory where the compiled files go to? I.e. "/bin/debug"?

In visual studio if the image is in your project you can change the properties of the image to "Always Copy Local" and this will ensure a copy of the file is added to the output directory when you compile.

answered Jan 27 '14 at 15:17

TylerD87

1,588
11
20

Tried but same result – Hari krishnan Jan 27 '14 at 15:22
Yes...There is IMages folder in /bin/debug – Hari krishnan Jan 27 '14 at 15:33

score 0 · Answer 5 · answered Jan 27 '14 at 15:19

0

Have you set the "Build Action" to content for the image ? You can find the options under properties of the file.

answered Jan 27 '14 at 15:19

Tan

2,148
3
33
54

@Harikrishnan if you go into the debug folder of the application do you see the image folder and the images ? – Tan Jan 27 '14 at 15:24
I had changed resource and content and checked with same exception – Hari krishnan Jan 27 '14 at 15:25
Yes checked and folder exists – Hari krishnan Jan 27 '14 at 15:34
@Harikrishnan image.ImageSource = new BitmapImage(new Uri("/Images/buttonHover.png", UriKind.Relative)); This should work i have created a test project and it works. – Tan Jan 27 '14 at 15:43

score 0 · Answer 6 · answered Jan 27 '14 at 17:12

I have tested your code and it results no errors although I set the image to the layoutroot rather than this.background which result of nothing to me.

To verify that the problem is related to the path of image and no other code cause the problem, try insert an image object in the xaml page and select the image from the properties through source option, and use the same path that would be created automatically, if no list of images is exists., this mean you have created the image folder in the wrong place it should be created under the main project, and you might created the folder under the web project.

Access image in CS file C# WPF

6 Answers6