Upside-down interface for iPhone

Question

I want to have a completely upside down interface. I don't mean it should change according to the orientation of the phone. I mean it should be upside down ( UIInterfaceOrientationPortraitUpsideDown ) the whole time. A button should be able to 'right' it again. The same button should return everything to upside down.

What's the best way of achieving this?

score 2 · Accepted Answer · answered Aug 18 '09 at 13:30

Set the transform attribute on the root view's layer. Something like:

bool upsideDown = ...
float degrees = upsideDown ? 180.0f : 0.0f;
NSNumber* radians = [NSNumber numberWithFloat:degrees * M_PI / 180.0f];
[rootView.layer setValue:radians forKeyPath:@"transform.rotation.z"];

(Of course, you could easily optimize out the little formula converting from degrees to radians since you only use 0.0 and pi. Included it just for clarity.)

score 2 · Answer 2 · answered Aug 18 '09 at 13:36

If you want an upside-down interface, orientation does not matter. In essence, apply a rotated affine transform to the view you use, such as:

window.transform = CGAffineTransformRotate(window.transform, M_PI);

Some offset will be required there if you have a status bar up there. Apply that again and you "rotate" it back.

score 1 · Answer 3 · edited May 23 '17 at 10:27

I would look into two options:

Rotating the Canvas 180 degrees
Inverting the accelerometer

Not sure how to accomplish either task, but a quick Google search displayed some results.

Upside-down interface for iPhone

3 Answers3