Question

I have the following code in the viewWillAppear function:

CAGradientLayer *bgLayer = [BackgroundLayer yellowGradient];
[bgLayer setBounds:self.view.bounds];
[self.view.layer insertSublayer:bgLayer atIndex:0];

It works perfectly in portrait orientation. However, when the device goes into landscape mode, it produces a white (or default color) background down the side. I have seen other examples of WHY this occurs, but nothing on how to fix it.

What I’m seeing happening is the 1024 resolution on landscape (iPad) dropping to 1004, and I think it’s adjusting it to 0,20 on the x, y.

Has anyone else run into this issue and found how to fix it?

Answer 1

It’s because when you turn the screen sideways, your view, which has a certain background color, does not turn sideways. The view remains in portrait. So you have this portrait-oriented colored view that’s going from the new “top” of the iPad to way below off screen, and on the right side, the view isn’t wide enough to reach, so you just see the app’s default (white) background color.

You can:

• apply a CGAffineTransformMakeRotation rotation to your self.view 90º, so that it now displays properly in your now-landscape application,
• make your view big enough to cover the entire device, in both landscape and portrait,
• make a view with the proper landscape dimensions, and add it when the iPad rotates, or
• disable those allowed interface orientations in your Xcode main project file.

Link to CGAffineTransformRotation Demo Code on SO: How to use CGAffineTransformMakeRotation?