一、UIDeviceOrientation
UIDeviceOrientation
是UIDevice
中用于表示设备状态的枚举类型,其定义如下:
public enum UIDeviceOrientation : Int {
case unknown
case portrait // Device oriented vertically, home button on the bottom
case portraitUpsideDown // Device oriented vertically, home button on the top
case landscapeLeft // Device oriented horizontally, home button on the right
case landscapeRight // Device oriented horizontally, home button on the left
case faceUp // Device oriented flat, face up
case faceDown // Device oriented flat, face down
}
通过UIDevice.current.orientation
即可调用。
二、设备旋转通知
通过注册UIDevice.orientationDidChangeNotification
通知,即可在设备形态切换的时候感知设备状态变化。
如果使用了 RxSwift,处理设备旋转通知的代码如下:
NotificationCenter.default.rx
.notification(UIDevice.orientationDidChangeNotification)
.subscribe(onNext: { _ in
switch UIDevice.current.orientation {
case .unknown:
/// 未知
case .portrait:
/// 垂直
case .portraitUpsideDown:
/// 颠倒垂直
case .landscapeLeft:
/// 向左横屏
case .landscapeRight:
/// 向右横屏
case .faceUp:
/// 正面朝上
case .faceDown:
/// 背面朝上
}
}).disposed(by: bag)
三、扩展
UIDeviceOrientation
还包含一个extension
扩展,提供了一系列布尔值属性,方便用户快速对设备状态作出判断:
extension UIDeviceOrientation {
/// 是否处于竖屏状态
public var isPortrait: Bool { get }
/// 是否处于横屏状态
public var isLandscape: Bool { get }
/// 是否处于平放状态
public var isFlat: Bool { get }
/// 是否处于可判断UI旋转的状态
public var isValidInterfaceOrientation: Bool { get }
}
其中值得一提的是isValidInterfaceOrientation
,在官方文档中是这样描述的:
A Boolean value indicating whether the specified orientation is one of the portrait or landscape orientations.
通过isValidInterfaceOrientation
可以快速判断当前设备是否处于portrait
,portraitUpsideDown
,landscapeLeft
,landscapeRight
中的任意一种状态,在处理设备旋转更新 UI 时非常有用。
四、小结
最大的坑点在于:
在实际开发中,如果忽略了平放状态的话,很容易出现预期外的问题。
例如,假设需要在设备横竖屏切换时做 UI 和数据更新,我们很可能会写出类似下面的代码:
/// 处理设备旋转
func handleRotation() {
NotificationCenter.default.rx
.notification(UIDevice.orientationDidChangeNotification)
.subscribe(onNext: { _ in
switch UIDevice.current.orientation {
case .portrait, .portraitUpsideDown:
/// 处理竖屏 UI 变更
updateUI(isLandscape: false)
case .landscapeLeft, .landscapeRight:
/// 处理横屏 UI 变更
updateUI(isLandscape: true)
}
}).disposed(by: bag)
}
写完之后在模拟器里一跑,完全没毛病。但是当在真机上测试时,问题就来了,具体表现为:
当用户将设备平放置于桌面上(甚至只需要将设备拿平一些),然后再将设备立起来的时候,UIDevice.current.orientation
会经历 faceUp/faceDown ==> portrait/landscape 的过程,同样会触发 updateUI
操作,进而导致不必要的 UI 渲染或数据更新,造成性能消耗。
因此,在处理设备旋转时,还需考虑设备的上一旋转状态。