iOS 页面旋转小结

近期项目中需要对部分页面进行可旋转的控制,本篇文章算是对开发过程的一个总结。为何这么简单的东西要总结?还不是一直没做过么········[脸红.jpg]

首先我们新建一个【Single View App】项目开始吧。

相关的配置

要让项目支持旋转首先得在info.plist文件中进行如下设置:

image

图中下方的为iPad设备上支持的方向,因我们创建项目的时候没有指定设备,缺省设备就有iPad设备的方向。

当然,简单直接点就在targets中配置,效果相同:


image

默认情况下,项目已经勾选了三种设备方向,其中【Upside Down】为Home Button在上方,默认不勾选。

此时运行项目并旋转设备,能看到页面可以左右旋转,但不能倒立旋转(因为我们没有勾选Upside Down啊!) 。

Tips: 模拟器旋转设备的方法是“cmd + 左\右方向键”

自定义旋转

当前的App旋转是基于配置文件的设置,整个APP都能够旋转。我们要实现手动控制的话还得先看UIViewController中的有三个方法:

//是否能够旋转
- (BOOL)shouldAutorotate;
//支持的旋转方向
-(UIInterfaceOrientationMask)supportedInterfaceOrientations;
//模态视图初始化时的旋转方向
- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation;

现在在ViewController中实现前两个方法

- (BOOL)shouldAutorotate {
    return YES;
}

-(UIInterfaceOrientationMask)supportedInterfaceOrientations{
    return UIInterfaceOrientationMaskAll;
}

运行后发现,并不能实现倒转屏幕(Upside Down),这是因为我们在配置文件中并没有勾选它,所以这里的自定义所支持的方向必须是配置文件中所支持的。我们将“UIInterfaceOrientationMaskAll”修改为“UIInterfaceOrientationMaskPortrait | UIInterfaceOrientationMaskLandscapeLeft”后再运行,发现这时候仅支持LandscapeLeft与Portrait两个方向,达到了我们所设置的效果。

优化状态栏

到目前为止我们的程序已经可以自定义旋转了,不过有点小瑕疵...旋转屏幕至横屏的时候,状态栏消失了。在网上找到如下方法:

在info.plist文件中 配置“View controller-based status bar appearance”为“NO”。
并在AppDelegate中的didFinishLaunchingWithOptions里添加如下代码:

    [[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationNone];
    [[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:UIStatusBarAnimationNone];

这样就能在旋转时保持状态烂显示。

但总觉得这个方法有点奇怪,不仅将info中的配置为NO,意思对不上,还在AppDelegate里面又是隐藏又是显示的,究竟要作甚啊??

我们点击方法进去看到此方法在iOS9就不推荐使用了,替代方法为[UIViewController prefersStatusBarHidden]。没准苹果也觉得难受了吧。

使用该方法需要将info.plist中的“View controller-based status bar appearance”设置成“YES”,然后在ViewController中实现prefersStatusBarHidden 返回NO。

- (BOOL)prefersStatusBarHidden {
    return NO;
}

再运行,完美达成效果,这样设置的话还能单独控制状态栏的显示,比之前的方式好多了。

*****[重要]项目中要注意项目的结构

前一部分仅仅是一个测试性的Demo,现在我们把这个Demo复杂化一点,模仿真实的项目结构,例如下面这种结构:


image

我们将之前控制单个页面的方式使用到这里,这时候会发现,项目这里有两个页面,你得重写两次相关方法,且真实的项目中会有几十上百个页面,所以我们得将重写的方法放入基类中。

假设我们的项目只有个别页面需要旋转,我们在基类中默认页面为不可旋转,需要旋转的页面复写相关方法即可。这里就不再赘述相关代码。

屏幕旋转是从全屏视图的方法来判定的,即root视图来判定的。也就是说每次判定页面是否需要旋转都是从图中最左侧的nav判定。我们要做到每个页面自定义的话需要在UINavigationController和UITabbarController中分别实现如下方法:

//BaseNavgationController
- (BOOL)shouldAutorotate {
    NSLog(@"%@", [self class]);
    return self.topViewController.shouldAutorotate;
}

- (UIInterfaceOrientationMask)supportedInterfaceOrientations {
    return self.topViewController.supportedInterfaceOrientations;
}

- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation {
    return [self.topViewController preferredInterfaceOrientationForPresentation];
}
//BaseTabbarController
- (BOOL)shouldAutorotate {
    NSLog(@"%@", [self class]);
    return self.selectedViewController.shouldAutorotate;
}

- (UIInterfaceOrientationMask)supportedInterfaceOrientations {
    return self.selectedViewController.supportedInterfaceOrientations;
}

- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation {
    return self.selectedViewController.preferredInterfaceOrientationForPresentation;
}

上述方法只是调用了下级页面的旋转设置,这样就能够使我们在各ViewController中的设置起到效果。

Tips:笔者在可旋转的多级后的子页面页面pop返回根视图时,不可旋转的根视图居然旋转了,调试也没发现哪里修改到了根视图的旋转状态,木有找到旋转的内部机制资料[尴尬.jpg],笔者只得手动的旋转屏幕方向,使用如下方法:

NSNumber *value = [NSNumber numberWithInt:UIInterfaceOrientationPortrait];
[[UIDevice currentDevice] setValue:value forKey:@"orientation"]; 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,922评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,591评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,546评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,467评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,553评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,580评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,588评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,334评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,780评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,092评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,270评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,925评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,573评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,194评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,437评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,154评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,127评论 2 352