如何设置框架的背景图像？

Question

I know in this article they set the background color using the steps followed. I was wondering if there was a way of using an image instead of a Color. I tried the following but it didn't work:

ImageBrush brush = new ImageBrush();
brush.ImageSource = 
new BitmapImage(new Uri("/MyApp;component/Images/Backgrounds/myimage.jpg"));
Rootframe.Background = brush;

Has anyone seen if this is possible? Or is it restricted to Colors?

Answer 1

I decided to have a go and got it working. The only catch is, it's a bit of a workaround since there seems to be some strange behaviour with the ImageOpened event. Basically, the ImageOpened event of the Brush doesn't get called when you assign the background to the frame. Strangely, it does get called when you assign it to an element. So I just created a hidden button and assigned the brush to that (to force the ImageOpened event to fire). I then assigned it to the frame and it works for me. Seems like a bug, but the workaround below works for me.

ImageBrush brush = new ImageBrush();

brush.ImageSource = new BitmapImage(new Uri("/myImage.jpg", UriKind.Relative));
//hide the fake button and set the brush to be its background
button1.Visibility = System.Windows.Visibility.Collapsed;
button1.Background = brush;

//assign it to the frame (or using RootFrame in your case)
var frame = App.Current.RootVisual as PhoneApplicationFrame;
frame.Background = brush;

Answer 2

Using

RootFrame.Background = App.Current.Resources["MainBackground"] as ImageBrush;

works for me. You'll need the following in your resources dictionary in App.xaml

<ImageBrush x:Key="MainBackground" ImageSource="/resources/MainBackground.jpg" />

Answer 3

Set CreateOption to None or BackgroundCreation and wait while image is loaded:

 BitmapImage image = new BitmapImage(new Uri("/MyApp;component/Images/Backgrounds/myimage.jpg"))
 {
      CreateOptions = System.Windows.Media.Imaging.BitmapCreateOptions.None
 };
 image.ImageOpened += (s, e) =>
 {
      brush.ImageSource = image;
      App.RootFrame.Background = brush;
 };