Question

I have an iPad/iPhone app and the iPhone background looks fine, but when I use the same image for the iPad version, it looks like it is getting cut off in the middle of the page.

Here is a screen shot:

The image is called buildings.png and I have 2 versions of it, the buildings.png and the buildings@2x for the iPad.

The way I get the image to render in the background is from the code like this:

- (void)viewDidAppear:(BOOL)animated
{
    UIImage *image = [UIImage imageNamed:@"building"];
    self.view.backgroundColor = [UIColor colorWithPatternImage:image];

What would be the best way for me to fix this issue of the image being cut off like that on the iPad view?

Thanks!

Answer 1

I think the colorWithPatternImage is the reason your image is getting cut like that. Why not create a UIImageView to contain your image, add it on your view and call [self.view sendSubviewToBack:yourImageView] ?

EDIT
Here is your code snippet

UIImageView *imgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"building"]];
imgView.frame = self.view.bounds; // to set the frame to your view's size
[self.view addSubview:imgView];
[self.view sendSubviewToBack:imgView];