本文为CocoaChina网友南华coder投稿
iOS App中大多数页面是只展示竖屏下的效果,但是少部分页面需要支持横竖屏。本文分别介绍监听屏幕旋转方向、视图控制器中旋转方向的设置、屏幕旋转方向下的视图处理以及强制横屏的处理
一、监听屏幕旋转方向
在处理iOS横竖屏时,经常会和UIDeviceOrientation、UIInterfaceOrientation和UIInterfaceOrientationMask这三个枚举类型打交道,它们从不同角度描述了屏幕旋转方向。
1、UIDeviceOrientation:设备方向
iOS的设备方向是通过iOS的加速计来获取的。
1)iOS定义了以下七种设备方向
typedef NS_ENUM(NSInteger, UIDeviceOrientation) { UIDeviceOrientationUnknown, // 未知方向,可能是设备(屏幕)斜置 UIDeviceOrientationPortrait, // 设备(屏幕)直立 UIDeviceOrientationPortraitUpsideDown, // 设备(屏幕)直立,上下顛倒 UIDeviceOrientationLandscapeLeft, // 设备(屏幕)向左横置 UIDeviceOrientationLandscapeRight, // 设备(屏幕)向右橫置 UIDeviceOrientationFaceUp, // 设备(屏幕)朝上平躺 UIDeviceOrientationFaceDown // 设备(屏幕)朝下平躺 };
说明:UIDeviceOrientation参考home键方向,如:home方向在右,设备(屏幕)方向向左(UIDeviceOrientationLandscapeLeft)
2)读取设备方向
UIDevice单例代表当前的设备。从这个单例中可以获得的信息设备,如设备方向orientation。
UIDeviceOrientation deviceOrientation = [UIDevice currentDevice].orientation;
3)监听、处理和移除 设备方向改变的通知
当设备方向变化时候,发出UIDeviceOrientationDidChangeNotification通知;注册监听该通知,可以针对不同的设备方向处理视图展示。
//开启和监听 设备旋转的通知(不开启的话,设备方向一直是UIInterfaceOrientationUnknown) if (![UIDevice currentDevice].generatesDeviceOrientationNotifications) { [[UIDevice currentDevice] beginGeneratingDeviceOrientationNotifications]; } [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(handleDeviceOrientationChange:) name:UIDeviceOrientationDidChangeNotification object:nil]; //设备方向改变的处理 - (void)handleDeviceOrientationChange:(NSNotification *)notification{ UIDeviceOrientation deviceOrientation = [UIDevice currentDevice].orientation; switch (ddeviceOrientation) { case UIDeviceOrientationFaceUp: NSLog(@"屏幕朝上平躺"); break; case UIDeviceOrientationFaceDown: NSLog(@"屏幕朝下平躺"); break; case UIDeviceOrientationUnknown: NSLog(@"未知方向"); break; case UIDeviceOrientationLandscapeLeft: NSLog(@"屏幕向左横置"); break; case UIDeviceOrientationLandscapeRight: NSLog(@"屏幕向右橫置"); break; case UIDeviceOrientationPortrait: NSLog(@"屏幕直立"); break; case UIDeviceOrientationPortraitUpsideDown: NSLog(@"屏幕直立,上下顛倒"); break; default: NSLog(@"无法辨识"); break; } } //最后在dealloc中移除通知 和结束设备旋转的通知 - (void)dealloc{ //... [[NSNotificationCenter defaultCenter]removeObserver:self]; [[UIDevice currentDevice]endGeneratingDeviceOrientationNotifications]; }
说明:手机锁定竖屏后,UIDeviceOrientationDidChangeNotification通知就失效了。
2、UIInterfaceOrientation:界面方向
界面方向是反应iOS中界面的方向,它和Home按钮的方向是一致的。
1)iOS定义了以下五种界面方向
typedef NS_ENUM(NSInteger, UIInterfaceOrientation) { UIInterfaceOrientationUnknown = UIDeviceOrientationUnknown, //未知方向 UIInterfaceOrientationPortrait = UIDeviceOrientationPortrait, //界面直立 UIInterfaceOrientationPortraitUpsideDown = UIDeviceOrientationPortraitUpsideDown, //界面直立,上下颠倒 UIInterfaceOrientationLandscapeLeft = UIDeviceOrientationLandscapeRight, //界面朝左 UIInterfaceOrientationLandscapeRight = UIDeviceOrientationLandscapeLeft //界面朝右 } __TVOS_PROHIBITED;
说明:从定义可知,界面方向和设别方向有对应关系,如界面的竖直方向就是 设备的竖直方向:UIInterfaceOrientationUnknown = UIDeviceOrientationUnknown
2)读取界面方向
UIInterfaceOrientation和状态栏有关,通过UIApplication的单例调用statusBarOrientation来获取
UIInterfaceOrientation interfaceOrientation = [[UIApplication sharedApplication] statusBarOrientation];
3)监听、处理和移除 界面方向改变的通知
当界面方向变化时候,先后发出UIApplicationWillChangeStatusBarOrientationNotification和 UIApplicationDidChangeStatusBarOrientationNotification通知;注册监听这两个通知,可以针对不同的界面方向处理视图展示。
//以监听UIApplicationDidChangeStatusBarOrientationNotification通知为例 [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(handleStatusBarOrientationChange:) name:UIApplicationDidChangeStatusBarOrientationNotification object:nil]; //界面方向改变的处理 - (void)handleStatusBarOrientationChange: (NSNotification *)notification{ UIInterfaceOrientation interfaceOrientation = [[UIApplication sharedApplication] statusBarOrientation]; switch (interfaceOrientation) { case UIInterfaceOrientationUnknown: NSLog(@"未知方向"); break; case UIInterfaceOrientationPortrait: NSLog(@"界面直立"); break; case UIInterfaceOrientationPortraitUpsideDown: NSLog(@"界面直立,上下颠倒"); break; case UIInterfaceOrientationLandscapeLeft: NSLog(@"界面朝左"); break; case UIInterfaceOrientationLandscapeRight: NSLog(@"界面朝右"); break; default: break; } } //最后在dealloc中移除通知 - (void)dealloc{ //... [[NSNotificationCenter defaultCenter]removeObserver:self]; [[UIDevice currentDevice]endGeneratingDeviceOrientationNotifications]; }
说明:手机锁定竖屏后,UIApplicationWillChangeStatusBarOrientationNotification和 UIApplicationDidChangeStatusBarOrientationNotification通知也失效了。
3、UIInterfaceOrientationMask
UIInterfaceOrientationMask是为了集成多种UIInterfaceOrientation而定义的类型,和ViewController相关,一共有7种
1)iOS中的UIInterfaceOrientationMask定义
typedef NS_OPTIONS(NSUInteger, 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), } __TVOS_PROHIBITED;
2)UIInterfaceOrientationMask的使用
在ViewController可以重写- (UIInterfaceOrientationMask)supportedInterfaceOrientations方法返回类型,来决定UIViewController可以支持哪些界面方向。
//支持界面直立 - (UIInterfaceOrientationMask)supportedInterfaceOrientations{ return UIInterfaceOrientationMaskPortrait; }
总结:UIDeviceOrientation(设备方向)和UIInterfaceOrientation(屏幕方向)是两个不同的概念。前者代表了设备的一种状态,而后者是屏幕为了应对不同的设备状态,做出的用户界面上的响应。在iOS设备旋转时,由UIKit接收到旋转事件,然后通过AppDelegate通知当前程序的UIWindow对象,UIWindow对象通知它的rootViewController,如果该rootViewController支持旋转后的屏幕方向,完成旋转,否则不旋转;弹出的ViewController也是如此处理。
二、视图控制器中旋转方向的设置
0、关于禁止横屏的操作(不建议)
比较常规的方法有两种。
方法1:在项目的General-->Deployment Info-->Device Orientation中,只勾选Portrait(竖屏)
勾选Portrait.png
方法2:Device Orientation默认设置,在Appdelegate中实现supportedInterfaceOrientationsForWindow:只返回UIInterfaceOrientationMaskPortraitt(竖屏)
- (NSUInteger)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window { return UIInterfaceOrientationMaskPortrait; }
说明:极少的APP中所有界面都是竖屏的,因为总会有界面需要支持横屏,如视频播放页。所以不建议设置禁止APP页面横屏。
下面介绍如何让项目中的 视图控制器中旋转方向的设置
1、APP支持多个方向
APP支持多个方向.png
说明:如此,APP支持横屏和竖屏了,但是具体视图控制器支持的页面方向还需要进一步处理。由于不支持竖屏颠倒(Upside Down),即使设备上下颠倒,通过API也不会获得设备、屏幕上下颠倒方向的。
2、支持ViewController屏幕方向设置
1)关键函数
视图控制器支持的界面方向主要由以下三个函数控制
//是否自动旋转,返回YES可以自动旋转,返回NO禁止旋转
- (BOOL)shouldAutorotate NS_AVAILABLE_IOS(6_0) __TVOS_PROHIBITED; //返回支持的方向 - (UIInterfaceOrientationMask)supportedInterfaceOrientations NS_AVAILABLE_IOS(6_0) __TVOS_PROHIBITED; //由模态推出的视图控制器 优先支持的屏幕方向 - (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation NS_AVAILABLE_IOS(6_0) __TVOS_PROHIBITED;
2) QSBaseViewController设置
//QSBaseViewController.h @interface QSBaseController : UIViewController @end //QSBaseViewController.m @implementation QSBaseController //#pragma mark - 控制屏幕旋转方法 //是否自动旋转,返回YES可以自动旋转,返回NO禁止旋转 - (BOOL)shouldAutorotate{ return NO; } //返回支持的方向 - (UIInterfaceOrientationMask)supportedInterfaceOrientations{ return UIInterfaceOrientationMaskPortrait; } //由模态推出的视图控制器 优先支持的屏幕方向 - (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{ return UIInterfaceOrientationPortrait; } @end
说明1:QSBaseViewController默认不支持旋转,只支持界面竖直方向,项目中的Controller都继承自QSBaseViewController,可以通过重写这三个方法来让Controller支持除竖屏之外的方向或旋转。
3) 在QSNavigationController设置
目标:通过QSNavigationController来push视图控制器时,把支持屏幕旋转的设置交给最新push进来([self.viewControllers lastObject])的viewController来设置。
//QSNavigationController.h @interface QSNavigationController : UINavigationController @end //QSNavigationController.m @implementation QSNavigationController #pragma mark - 控制屏幕旋转方法 - (BOOL)shouldAutorotate{ return [[self.viewControllers lastObject]shouldAutorotate]; } - (UIInterfaceOrientationMask)supportedInterfaceOrientations{ return [[self.viewControllers lastObject]supportedInterfaceOrientations]; } - (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{ return [[self.viewControllers lastObject] preferredInterfaceOrientationForPresentation]; } @end
4) 在QSTabBarController设置
目标:TabBarController通常作为整个程序的rootViewController,UITabBar上面显示的每一个Tab都对应着一个ViewController;每点击一个Tab,出现的ViewController(self.selectedViewController)对屏幕旋转和支持方向的设置 交给其自身去控制。
//QSTabBarController.h @interface QSTabBarController : UITabBarController @end //QSTabBarController.m @implementation QSTabBarController #pragma mark - 控制屏幕旋转方法 - (BOOL)shouldAutorotate{ return [self.selectedViewController shouldAutorotate]; } - (UIInterfaceOrientationMask)supportedInterfaceOrientations{ return [self.selectedViewController supportedInterfaceOrientations]; } - (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{ return [self.selectedViewController preferredInterfaceOrientationForPresentation]; } @end