iOS Rotation 判断

栏目: IOS · Android · 发布时间: 5年前

内容简介:通过通过注册

一、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 渲染或数据更新,造成性能消耗。

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


以上所述就是小编给大家介绍的《iOS Rotation 判断》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

上瘾

上瘾

[美] 尼尔·埃亚尔、[美] 瑞安·胡佛 / 钟莉婷、杨晓红 / 中信出版集团 / 2017-5 / 49.00元

——为什么我们会习惯性地点开某个App? ——这种使用习惯到底是如何养成的? ——为什么有些产品能让我们戒不掉,而其他的产品却不行? ——是否有什么秘诀能让用户对你的产品形成使用习惯,欲罢不能? 《上瘾》揭示了很多让用户形成使用习惯,甚至“上瘾”的互联网产品服务背后的基 本设计原理,告诉你怎样打造一款让用户欲罢不能的产品。作者根据自己多年的研究、咨询及实际经验,提出了新颖而......一起来看看 《上瘾》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具