iOS橫豎屏旋轉內容總結
一、前言
Swift版本 4.0
Xcode版本 9.2
以前接觸到的項目需求中,幾乎都是全豎屏展現(xiàn)界面,所以我也來得省事,直接在TARGETS中的界面方向選項中只勾選豎屏,這樣就滿足了需求。
但最近的項目中,產品突然增加了一個需求,需要部分界面支持旋轉,這才來研究了一下屏幕旋轉的問題!
需要緊急解決問題的道友直接看3.3
二、屏幕旋轉相關知識
2.1 三個方向的理解和聯(lián)系
UIDeviceOrientation: 設備方向
public enum UIDeviceOrientation : Int {
case unknown
case portrait // 設備vertically方向, home鍵在下方
case portraitUpsideDown // 設備vertically方向, home鍵在上方
case landscapeLeft // 設備horizontally方向, home鍵在右方
case landscapeRight // 設備horizontally方向, home鍵在左方
case faceUp // 設備flat方向, 屏幕朝上
case faceDown // 設備flat方向, 屏幕朝下
}
從設備方向的命名就能看出來這個枚舉的含義,這里指的是物理設備(即iPhone)的方向。
UIInterfaceOrientation: 界面方向
public enum UIInterfaceOrientation : Int {
case unknown
case portrait
case portraitUpsideDown
case landscapeLeft
case landscapeRight
}
而界面方向指屏幕中顯示內容的方向,它的方向和Home鍵的方向是一致的。仔細觀察一下屏幕旋轉就能理解UIDeviceOrientation和UIInterfaceOrientation了,我們把手機轉向左邊,可以看到界面隨之才轉向右邊。
UIInterfaceOrientationMask: 是用來控制允許轉向的方向,對應UIInterfaceOrientation
public struct UIInterfaceOrientationMask : OptionSet {
public init(rawValue: UInt)
public static var portrait: UIInterfaceOrientationMask { get }
public static var landscapeLeft: UIInterfaceOrientationMask { get }
public static var landscapeRight: UIInterfaceOrientationMask { get }
public static var portraitUpsideDown: UIInterfaceOrientationMask { get }
public static var landscape: UIInterfaceOrientationMask { get }
public static var all: UIInterfaceOrientationMask { get }
public static var allButUpsideDown: UIInterfaceOrientationMask { get }
}
2.2 觀察屏幕旋轉并作出響應
2.2.1 觀察設備方向并響應
// 沒有生成通知
if !UIDevice.current.isGeneratingDeviceOrientationNotifications {
// 生成通知
UIDevice.current.beginGeneratingDeviceOrientationNotifications()
}
// 鎖定豎屏,依然有效,例如faceUp.
NotificationCenter.default.addObserver(self,
selector: #selector(handleDeviceOrientationChange(notification:)), name:NSNotification.Name.UIDeviceOrientationDidChange,
object: nil)
@objc private func handleDeviceOrientationChange(notification: Notification) {
// 獲取設備方向
let orientation = UIDevice.current.orientation
switch orientation {
case .landscapeRight:
// iOS8之后,橫屏UIScreen.main.bounds.width等于豎屏時的UIScreen.main.bounds.height
print(UIScreen.main.bounds.width)
print("landscapeRight")
default: break
}
}
注銷
deinit {
NotificationCenter.default.removeObserver(self)
UIDevice.current.endGeneratingDeviceOrientationNotifications()
}
2.2.2 觀察界面方向并響應
和上面類似不過觀察的name為
// 鎖定豎屏,無效,通知方法不會觸發(fā) NSNotification.Name.UIApplicationWillChangeStatusBarOrientation NSNotification.Name.UIApplicationDidChangeStatusBarOrientation
獲取界面方向
let statusBarOrientation = UIApplication.shared.statusBarOrientation
2.2.3 建議
這里建議監(jiān)聽界面方向,原因有二:
監(jiān)聽設備方向,會返回多個方向,例如portrait和faceUp不沖突。
監(jiān)聽設備方向,上面提到,先是設備旋轉,隨之界面旋轉,這里就有一個問題,我們操作界面時,可能界面還沒有旋轉。
三、問題解決實戰(zhàn)
需要實現(xiàn)部分界面可旋轉,部分界面鎖定豎屏,首先我們需要配置TARGETS中的Device Orientation,這里是總開關,默認勾選了如圖方向:
如果你確定整個項目只有豎屏,直接只勾選Protrait完事,不過像我現(xiàn)在這樣,可能突然一個需求改變就不得不繼續(xù)適配,哈哈。
這里的配置不要和代碼控制的方向相沖突,不然會引發(fā)奔潰。
3.1 控制屏幕旋轉的函數(shù)
// 默認為true
override var shouldAutorotate: Bool {
return true
}
// 支持的旋轉方向
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
return .landscapeLeft
}
// 模態(tài)切換的默認方向
override var preferredInterfaceOrientationForPresentation: UIInterfaceOrientation {
return .landscapeRight
}
這三個屬性都重寫的UIViewController的屬性。哎,看到模態(tài)切換,這里再給自己挖坑一個,以前研究了一會模態(tài)切換,只不過沒寫成總結,后面會寫出來(:。
并且這三個方法會受到控制器層級的影響,也就是如果當前控制器配置支持旋轉,如果他的導航控制器,乃至Tabbar控制器不支持旋轉,當前控制器的配置也不會生效。
3.2 不同根控制器情況下的解決
核心問題: 需要旋轉的界面是少數(shù),大多界面需要鎖定豎屏。
3.2.1 根控制器為UIViewController
對應Demo配置:
這種情況的APP可以說是非常少了,不過還是對后面的情況有所幫助。
設置BaseVC,在其中的配置鎖定豎屏:
class BaseVC: UIViewController {
override var shouldAutorotate: Bool {
return false
}
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
return .portrait
}
override var preferredInterfaceOrientationForPresentation: UIInterfaceOrientation {
return .portrait
}
override func viewDidLoad() {
super.viewDidLoad()
}
}
然后其余控制器繼承BaseVC,需要旋轉的控制器單獨再次重寫方法。
3.2.2 根控制器為UINavigationController
對應Demo配置:
我們可以獲取到當前顯示層級的控制器,并拿出它的屬性賦給UINavigationController
class BaseNavC: UINavigationController {
override var shouldAutorotate: Bool {
return self.viewControllers.last?.shouldAutorotate ?? false
}
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
return self.viewControllers.last?.supportedInterfaceOrientations ?? .portrait
}
override var preferredInterfaceOrientationForPresentation: UIInterfaceOrientation {
return self.viewControllers.last?.preferredInterfaceOrientationForPresentation ?? .portrait
}
override func viewDidLoad() {
super.viewDidLoad()
}
}
3.2.3 根控制器為UITabBarController
對應Demo配置:
class BaseTabBarC: UITabBarController {
override var shouldAutorotate: Bool {
return self.selectedViewController?.shouldAutorotate ?? false
}
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
return self.selectedViewController?.supportedInterfaceOrientations ?? .portrait
}
override var preferredInterfaceOrientationForPresentation: UIInterfaceOrientation {
return self.selectedViewController?.preferredInterfaceOrientationForPresentation ?? .portrait
}
override func viewDidLoad() {
super.viewDidLoad()
}
}
同理,我們只需要獲取當前選中的控制器的配置賦給UITabBarController,這樣一層一層就配置好了!
3.3 最簡單的實現(xiàn)方式
對應Demo配置:
在查詢屏幕旋轉相關資料的時候我發(fā)現(xiàn)屏幕旋轉時會最后調用Appdelegate中的:
func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?)
-> UIInterfaceOrientationMask {
}
然后我立馬想到一個超級簡單的方法,那就是定義一個全局變量或者緩存一個bool值來進行判斷,如下:
func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?)
-> UIInterfaceOrientationMask {
if isAllowAutorotate {
return [.portrait, .landscapeLeft, .landscapeRight]
}
else {
return .portrait
}
}
然后默認isAllowAutorotate這個全局變量為false,在需要旋轉的控制器中:
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
isAllowAutorotate = false
}
override func viewWillDisappear(_ animated: Bool) {
super.viewWillDisappear(animated)
isAllowAutorotate = true
}
}
這樣就不用麻煩的去搞那些繼承什么的了!
四、后記和Demo
https://github.com/swordjoy/ScreenRotationDemo
以上就是本次小編整理的全部內容，感謝大家的支持，如果還有任何相關問題可以在下方的留言區(qū)討論。
相關文章
這篇文章主要給大家介紹了關于iOS正確監(jiān)聽手機側邊音量鍵的相關資料，并且給大家分享了ios監(jiān)聽靜音鍵的示例代碼，文中介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-11-11
這篇文章主要介紹了iOS10 適配以及Xcode8配置總結的相關資料,本文通過圖文并茂的形式給大家介紹，非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-09-09
本篇文章主要介紹了iOS之加載Gif圖片，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了iOS 指紋解鎖驗證TouchID功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細介紹了iOS模糊效果的實現(xiàn)方法，利用系統(tǒng)的CoreImage濾鏡、UIImage ImageEffects分類和UIVisualEffectView實現(xiàn)模糊效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了iOS如何裁剪圓形頭像的方法，如何為圓形頭像加邊框，如何進行截圖操作，感興趣的小伙伴們可以參考一下2016-04-04
RunTime顧名思義運行時，就是系統(tǒng)在運行的時候的一些機制，最主要的是消息機制。下面這篇文章主要給大家介紹了關于iOS中Runtime的幾種基本用法，文中通過示例代碼介紹的非常詳細，需要的朋友下面隨著小編來一起學習學習吧2018-07-07
利用iOS手勢與scrollView代理實現(xiàn)圖片的放大縮小
這篇文章主要介紹了利用iOS的手勢、scrollView代理來實現(xiàn)圖片放大縮小的方法，文中通過示例代碼介紹的很詳細，相信對各位iOS開發(fā)者們來說具有一定的參考借鑒價值，有需要的朋友們下面來一起學習學習吧。2017-01-01
這篇文章主要給大家介紹了關于利用iOS開發(fā)實現(xiàn)翻撲克牌動畫的方法，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來跟著小編一起學習學習吧。2017-07-07
iOS開發(fā)項目- 基于WebSocket的聊天通訊（1）
這篇文章主要介紹了iOS開發(fā)項目- 基于WebSocket的聊天通訊,WebSocket是web通信方式的一種,有需要的可以了解一下。2016-11-11