Set background image on grid in WPF using C#

Question

I have a problem: I want to set the image of my grid through code behind.

Can anybody tell me how to do this?

David Gorsline · Accepted Answer · 2012-12-18 01:05:58Z

81

All of this can easily be acheived in the xaml by adding the following code in the grid

<Grid>
    <Grid.Background>  
        <ImageBrush ImageSource="/MyProject;component/Images/bg.png"/>     
    </Grid.Background>
</Grid>

Left for you to do, is adding a folder to the solution called 'Images' and adding an existing file to your new 'Images' folder, in this case called 'bg.png'

edited Dec 18, 2012 at 1:05

David Gorsline

5,01812 gold badges33 silver badges36 bronze badges

answered Dec 18, 2012 at 0:42

Jan

1,7891 gold badge14 silver badges7 bronze badges

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

1 Comment

AH. Over a year ago

The question was to set the image in code behind.

devios1 · Accepted Answer · 2016-11-25 18:11:37Z

74

Did you forget the Background Property. The brush should be an ImageBrush whose ImageSource could be set to your image path.

<Grid>
    <Grid.Background>
        <ImageBrush ImageSource="/path/to/image.png" Stretch="UniformToFill"/>
    </Grid.Background>

    <...>
</Grid>

edited Nov 25, 2016 at 18:11

devios1

38.2k48 gold badges169 silver badges269 bronze badges

answered Jun 23, 2010 at 10:37

Amsakanna

13k8 gold badges49 silver badges59 bronze badges

2 Comments

Shashank Over a year ago

can u tell me the exact syntax for this

Amsakanna Over a year ago

@SHASHANK: The syntax would be something like this: <Grid Background="{StaticResource yourBrush}" />

AH. · Accepted Answer · 2011-04-12 07:44:06Z

35

I have my images in a separate class library ("MyClassLibrary") and they are placed in the folder "Images". In the example I used "myImage.jpg" as the background image.

  ImageBrush myBrush = new ImageBrush();
  Image image = new Image();
  image.Source = new BitmapImage(
      new Uri(
         "pack://application:,,,/MyClassLibrary;component/Images/myImage.jpg"));
  myBrush.ImageSource = image.Source;
  Grid grid = new Grid();
  grid.Background = myBrush;

answered Apr 12, 2011 at 7:44

AH.

3,1912 gold badges31 silver badges27 bronze badges

1 Comment

devios1 Over a year ago

There's no point creating that Image since you're not using it for anything. You can just set the ImageSource on the ImageBrush directly.

Paul Roub · Accepted Answer · 2017-08-07 18:52:35Z

3

In order to avoid path problem, you can simply try this, just keep background image in images folder and add this code

<Grid>
  <Grid.Background>
    <ImageBrush Stretch="Fill" ImageSource="..\Images\background.jpg"
                AlignmentY="Top" AlignmentX="Center"/>
  </Grid.Background>
</Grid>

edited Aug 7, 2017 at 18:52

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

answered Aug 7, 2017 at 18:37

Tazwar Utshas

9712 gold badges17 silver badges30 bronze badges

Collectives™ on Stack Overflow

Set background image on grid in WPF using C#

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related