Use Custom Background Image for Application

Posted: September 26, 2011 in Windows Phone 7 & Mango

If you want to use a custom image for your application background, you can set this as follows:

<phone:PhoneApplicationPage >
  ...
  <Grid x:Name="LayoutRoot">
    <Grid.Background>
      <ImageBrush ImageSource="/Images/YourImage.jpg"></ImageBrush>
    </Grid.Background>
    ...
  </Grid>
</phone:PhoneApplicationPage>

Some things to note:

  • Make sure the Image has the Build Action set to Content.
  • Make sure the Images folder is at the application root level.
  • Having your own background and colour combination will have the same look across both Light and Dark themes.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s