一、UIDeviceOrientation

UIDeviceOrientationUIDevice中用于表示设备状态的枚举类型,其定义如下:


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 时非常有用。

四、小结

最大的坑点在于:

UIDevice.current.orientation中不仅包含横屏、竖屏状态,同时还包含了 FaceUp 和 FaceDown 状态。

在实际开发中,如果忽略了平放状态的话,很容易出现预期外的问题。

例如,假设需要在设备横竖屏切换时做 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 渲染或数据更新,造成性能消耗。

因此,在处理设备旋转时,还需考虑设备的上一旋转状态。