近些年来,"视频播放" 可以说是 App 的基本功能, 而支持横竖屏切换可以给用户带来更好的体验. 但是实际开发中, 并不是简单控制某个界面支持的方向, 而方向控制的整体架构没有最先考虑好, 之后往往会留下很多问题.
最近几年做了不少有关视频需求, 专注于开发支持 iPhone 与 iPad 的 Universal App, 经历过各种旋转带来的问题, 所以总结出这篇文章, 希望可以派上用场.
选择方案
下面的前提是基于支持 iPhone 与 iPad 的 Universal App, 当然, 若只支持一种设备, 也同样适用且更加简单.
首先, 根据项目需求决定支持方向
对于 iPhone 来说通常需要支持三个方向 - 也就是除了 upside down 的其他三个, 而且需要支持手动调整方向 (即使用户系统上锁定方向仍然可以旋转), 也支持控制器决定方向.
对于 iPad 来说可以像 iPhone 一样支持三个方向, 同时可以手动调整方向, 支持控制器决定方向; 也可以支持包括了 upside down 的四个方向, 虽然看起来 "无关紧要", 实际上设置了支持 4 个方向后, 所有手动调整方向的代码都不会奏效, 而且控制器无法锁定为一个方向, 也就是应用必须支持所有方向. 但支持 4 个方向的好处是可以使用 Slide Over and Split View 特性, 使用 App 的同时用其他应用.(有关 Slide Over and Split View 官方介绍 )
总结下, 最为简单的做法是 iPhone 与 iPad 都最多支持 3 方向, 代码少且支持手动调整方向, 比如可以看直播的 "斗鱼" 这款 Universal App.
如果 iPad 支持 4 个方向, 则 App 内所有页面都需要适配横竖屏, 开发量增加不少且不能手动旋转方向, 好处是可以使用 Slide Over and Split View 特性, 比如 "新浪微博" 这款应用.
所以 Split View 十分重要的话, iPad 只能支持 4 个方向并且适配所有页面
Split View
配置方向
最简单的就是在 target 中直接配置, 这里可以选择 "Devices" 的 iPhone 与 iPad 分别配置方向, 最后再选回 Universal 即可
1.png
或者在 info.plist 中配置, 效果一样
2.png
用的更多的做法是在代码中控制, 下面这个 UIApplication 的方法写在 AppDelegate 后可以调整当前支持的方向, 任何需要得知方向的操作比如应用启用, 控制器弹出, 设备方向改变都会被调用. 这里就可以加一些业务逻辑来控制某些时刻只支持竖屏等等, 需要注意 iPad 支持了 4 个方向之后这个方法就不会再调用.(即使 info.plist 只支持 1 个方向, 这里也可以返回多个并奏效)
- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window
{
if (NeedPortrait) {
return UIInterfaceOrientationMaskPortrait;
}
return UIInterfaceOrientationMaskAllButUpsideDown;
}
手动调整方向
苹果目前并没有任何开放的 api 来直接调整方向, UIDevice 中的 readonly 属性 orientation 只可以拿到当前方向, 但可以通过 kvc 来设置 (其他方法也很多, 比如 NSInvocation, 或者 runtime 都可以实现, 总之前面配置没问题这里就 ok)
[[UIDevice currentDevice] setValue:@(UIDeviceOrientationLandscapeLeft) forKey:@"orientation"];
补充
最后补充控制器控制方向的代码, 优先级最低, 注意如果是子控制器如导航控制器的子控制器, 需要在导航控制器中设置或者返回子控制器的配置
- (BOOL)shouldAutorotate {
return YES;
}
- (UIInterfaceOrientationMask)supportedInterfaceOrientations {
return UIInterfaceOrientationMaskAll;
}
- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation {
return UIInterfaceOrientationPortrait;
}
来源: http://www.jianshu.com/p/1e9f70ed8e87