最近项目中有个分时图的显示需要进行横屏处理。因为整个项目里面大部分页面都是需要竖屏显示的。只有几个页面是横屏显示。
一.希望达到的效果
1.进行app默认的页面显示为竖屏,且不可切换横竖屏。
2.进行特定页面的时候可以切换为横屏。且离开页面进行竖屏页面的时候可以自动显示竖屏页面。
3.保证push present和对应的pop和dismiss正常显示。
二.解释必要的几个方法
- (BOOL)shouldAutorotate{
return NO;
}
此方法用来设置是否让页面支持自动旋转屏幕,return YES既可以自动旋转屏幕。NO就不能自动旋转屏幕。
- (UIInterfaceOrientationMask)supportedInterfaceOrientations{
return UIInterfaceOrientationMaskPortrait;
}
此方法用来设置当前页面支持的屏幕方向
UIInterfaceOrientationMask是一个枚举,具体含义如下:
UIInterfaceOrientationMaskPortrait = (1 << UIInterfaceOrientationPortrait),//向上为正方向的竖屏
UIInterfaceOrientationMaskLandscapeLeft = (1 << UIInterfaceOrientationLandscapeLeft),//向左移旋转的横屏
UIInterfaceOrientationMaskLandscapeRight = (1 << UIInterfaceOrientationLandscapeRight),//向右旋转的横屏
UIInterfaceOrientationMaskPortraitUpsideDown = (1 << UIInterfaceOrientationPortraitUpsideDown),//向下为正方向的竖屏
UIInterfaceOrientationMaskLandscape = (UIInterfaceOrientationMaskLandscapeLeft | UIInterfaceOrientationMaskLandscapeRight),//向左或者向右的横屏
UIInterfaceOrientationMaskAll = (UIInterfaceOrientationMaskPortrait | UIInterfaceOrientationMaskLandscapeLeft | UIInterfaceOrientationMaskLandscapeRight | UIInterfaceOrientationMaskPortraitUpsideDown),//所有的横竖屏方向都支持
UIInterfaceOrientationMaskAllButUpsideDown = (UIInterfaceOrientationMaskPortrait | UIInterfaceOrientationMaskLandscapeLeft | UIInterfaceOrientationMaskLandscapeRight),//支持向上的竖屏和左右方向的横屏
- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{
return UIInterfaceOrientationPortrait;
}
UIInterfaceOrientation是一个枚举,取值如下
UIInterfaceOrientationUnknown = UIDeviceOrientationUnknown,//屏幕方向未知
UIInterfaceOrientationPortrait = UIDeviceOrientationPortrait,//向上正方向的竖屏
UIInterfaceOrientationPortraitUpsideDown = UIDeviceOrientationPortraitUpsideDown,//向下正方向的竖屏
UIInterfaceOrientationLandscapeLeft = UIDeviceOrientationLandscapeRight,//向右旋转的横屏
UIInterfaceOrientationLandscapeRight = UIDeviceOrientationLandscapeLeft//向左旋转的横屏
此方法用来设置当前页面默认第一次进入的时候显示的屏幕方向
三.实现原理讲解
原理概述:
1.我们对项目的info.plist设置全局只支持横屏,保证项目进入的时候自动进入横屏。
2.然后再使用以上三个方法对具体的每个控制器进行单独的设置,保证每个控制器自身的横屏竖屏表现合理。
三种情况:
- 没被navigationController和tabBarController作为子控制器的Controller
- 在navigationController里面嵌套的Controller
- 在TabbarController里面嵌套的Controller
1.对于没有被navigation和Tabbar嵌套,即跳转方式如下的控制器:
UIViewController *vc = [[UIViewController alloc]init];
[self presentViewController:vc animated:YES completion:nil];
- (BOOL)shouldAutorotate{
return NO;
}
- (UIInterfaceOrientationMask)supportedInterfaceOrientations{
return UIInterfaceOrientationMaskPortrait;
}
- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{
return UIInterfaceOrientationPortrait;
}
只需要实现这个三个方法。像这样的设置,即可保证Controller是竖屏的表现,且不可以自动进行横屏竖屏切换。
2.对于被NavigationController嵌套的Controller.即跳转方式如下的控制器
NaviViewController *navController = [[NaviViewController alloc]init];
QXNavigationViewController *navigationController = [[QXNavigationViewController alloc]initWithRootViewController:navController];
[self presentViewController:navigationController animated:YES completion:nil];
对于这样的控制器我们除了需要在controller控制器里实现上面的三个方法之外,还需要在QXNavigationViewController(自定义)实现以下的方法:
- (BOOL)shouldAutorotate{
return [self.visibleViewController shouldAutorotate];
}
- (UIInterfaceOrientationMask)supportedInterfaceOrientations{
return [self.visibleViewController supportedInterfaceOrientations];
}
- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{
return [self.visibleViewController preferredInterfaceOrientationForPresentation];
}
实现完成这三个方法即可保证。navigationController的横竖屏表现会依照他的rootViewController的设置来表现。
3.对于在TabbarController里面嵌套的Controller。即创建方式如下:
- (void)setInitTabBar{
NSArray *baseArray = @[@"ViewController",@"SecondViewController",@"NaviViewController"];
for (NSInteger i = 0; i < baseArray.count; i++){
Class cls = NSClassFromString(baseArray[i]);
QXNavigationViewController *naviController = [[QXNavigationViewController alloc]initWithRootViewController:[[cls alloc]init]];
[self addChildViewController:naviController];
}
}
controller作为tabbar的childViewController,依照第二种情况我们同样需要在QXTabBarController里面实现三个方法,保证tabbarController会依照它保存的子控制器的设置来渲染:
- (BOOL)shouldAutorotate{
return [self.selectedViewController shouldAutorotate];
}
- (UIInterfaceOrientationMask)supportedInterfaceOrientations{
return [self.selectedViewController supportedInterfaceOrientations];
}
- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{
return [self.selectedViewController preferredInterfaceOrientationForPresentation];
}
四.注意点
这种方式设置完成了以后会有一个小坑。就是从页面A(竖屏状态)跳转到NavigationController或者tabbarController包裹的控制器以后,如果控制器允许横屏。并且切换为横屏,直接pop或者dismiss回来会让页面A仍然保持横屏状态。对于这个问题我的处理建议是:
1.如果是push进入的controller那么就在页面A的viewWillAppear里面加上如下方法:
- (void)viewWillAppear:(BOOL)animated{
NSNumber * value = [NSNumber numberWithInt:UIInterfaceOrientationPortrait];
[[UIDevice currentDevice] setValue:value forKey:@"orientation"];
}
2.如果是从页面A present方式跳转的页面、那么就将页面A的方法
//- (BOOL)shouldAutorotate{
// return NO;
//}
注释掉。
这些方法可以保证controller在返回页面A的时候自动调整横竖屏的显示效果。
本文Demo
本文内容皆为原创,有任何问题欢迎各外朋友指正,一块交流。
本文参考内容为:燃烧的大叔
iOS 关于屏幕旋转shouldAutorotate