/ScreenRotator

A utility class that allows for rotating/locking screen orientation anytime, anywhere. 屏幕旋转工具类,能通过代码随时随地旋转/锁定屏幕方向。

Primary LanguageSwiftMIT LicenseMIT

ScreenRotator

A utility class that allows for rotating/locking screen orientation anytime, anywhere.

Features:
    ✅ Control rotation in three directions:
        - Portrait: Device held upright.
        - Landscape: Device rotated with the top towards the left.
        - Landscape: Device rotated with the top towards the right.
    ✅ Control whether screen orientation changes automatically with device movement.
    ✅ Compatible with iOS 16.
    ✅ Compatible with OC & Swift & SwiftUI.
    ✅ Simple and easy-to-use API.

Usage Examples:

  • Rotating/Locking Screen Orientation Anytime, Anywhere

ScreenRotator_1.gif

  • push or present a new page with a different orientation than the current one

ScreenRotator_2.gif

  • Switching between portrait and landscape modes in videos

ScreenRotator_3.gif

Prerequisites:

  1. To globally control screen orientation with the singleton ScreenRotator.shared, override the following method in AppDelegate:
func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask {
    return ScreenRotator.shared.orientationMask
}
  1. No need to override supportedInterfaceOrientations and shouldAutorotate in UIViewController anymore.

  2. If you need to obtain real-time screen dimensions, override the following method in the respective ViewController:

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    // Example: Portrait --> Landscape
    
    // When the screen rotates, this function is automatically triggered by the system, and `size` represents the screen size after the rotation.
    print("size \(size)") // --- (926.0, 428.0)
    // Alternatively, you can also obtain the screen size after rotation through `UIScreen`.
    print("mainScreen \(UIScreen.main.bounds.size)") // --- (926.0, 428.0)

    // 📢 Note: If you attempt to retrieve screen-related information using `self.xxx` (such as `self.view.frame`), the size obtained at this point is still the size before the rotation.
    print("----------- Screen will rotate -----------")
    print("view.size \(view.frame.size)") // - (428.0, 926.0)
    print("window.size \(view.window?.size ?? .zero)") // - (428.0, 926.0)
    print("window.safeAreaInsets \(view.window?.safeAreaInsets ?? .zero)") // - UIEdgeInsets(top: 47.0, left: 0.0, bottom: 34.0, right: 0.0)
    
    // 📢 To obtain screen information after rotation, you need to wait until the next iteration of the `Runloop`.
    DispatchQueue.main.async {
        print("----------- Screen has rotated -----------")
        print("view.size \(self.view.frame.size)") // - (926.0, 428.0)
        print("window.size \(self.view.window?.size ?? .zero)") // - (926.0, 428.0)
        print("window.safeAreaInsets \(self.view.window?.safeAreaInsets ?? .zero)") // - UIEdgeInsets(top: 0.0, left: 47.0, bottom: 21.0, right: 47.0)
        print("==================================")
    }
}
  1. If you need to listen for screen rotation, use ScreenRotator.orientationDidChangeNotification notification provided by this utility class or implement using closure:
ScreenRotator.shared.orientationMaskDidChange = { orientationMask in 
    // Update the orientation of the FunnyButton belonging to the window.
    FunnyButton.orientationMask = orientationMask
}

API:

Methods available through the singleton ScreenRotator.shared:

  1. Rotate to a specific orientation:
func rotation(to orientation: Orientation)
  1. Rotate to portrait orientation:
func rotationToPortrait()
  1. Rotate to landscape orientation (with the top towards the left if screen lock is disabled):
func rotationToLandscape()
  1. Rotate to landscape orientation with the top towards the left:
func rotationToLandscapeLeft()
  1. Rotate to landscape orientation with the top towards the right:
func rotationToLandscapeRight()
  1. Toggle between portrait and landscape orientations:
func toggleOrientation()
  1. Check if the device is in portrait orientation:
var isPortrait: Bool
  1. Get the current screen orientation (ScreenRotator.Orientation):
var orientation: Orientation
  1. Lock/unlock screen orientation changes based on device rotation:
var isLockOrientationWhenDeviceOrientationDidChange: Bool 
  1. Lock/unlock landscape orientation changes based on device rotation:
var isLockLandscapeWhenDeviceOrientationDidChange: Bool 
  1. Closure to handle changes in screen orientation:
var orientationMaskDidChange: ((_ orientationMask: UIInterfaceOrientationMask) -> ())?
  1. Closure to handle changes in lock status for screen orientation:
var lockOrientationWhenDeviceOrientationDidChange: ((_ isLock: Bool) -> ())?
  1. Closure to handle changes in lock status for landscape orientation:
var lockLandscapeWhenDeviceOrientationDidChange: ((_ isLock: Bool) -> ())?

Observable Notifications:

  1. Notification for changes in screen orientation:
  • ScreenRotator.orientationDidChangeNotification
    • object: orientationMask (UIInterfaceOrientationMask)
  1. Notification for changes in lock status for screen orientation:
  • ScreenRotator.lockOrientationWhenDeviceOrientationDidChangeNotification
    • object: isLockOrientationWhenDeviceOrientationDidChange (Bool)
  1. Notification for changes in lock status for landscape orientation:
  • ScreenRotator.lockLandscapeWhenDeviceOrientationDidChangeNotification
    • object: isLockLandscapeWhenDeviceOrientationDidChange (Bool)

Compatibility with OC & SwiftUI:

  • Objective-C: Use JPScreenRotator, which is specifically written in OC, with the same usage as ScreenRotator.

  • SwiftUI: Use ScreenRotatorState to update state.

    • Refer to the RotatorView in the Demo for usage details.

Tips:

When push or present a new page with a different orientation than the current one, it is recommended to rotate first and then open after a delay of at least 0.1s to avoid screen orientation confusion. Example:

let testVC = UIViewController()

// 1. Rotate first
ScreenRotator.shared.rotation(to: .landscapeRight)

// 2. Open after a delay of at least 0.1s
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.1) {
    if let navCtr = self.navigationController {
        navCtr.pushViewController(testVC, animated: true)
    } else {
        self.present(testVC, animated: true)
    }  
}

Installation

ScreenRotator is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'ScreenRotator'

中文介绍

屏幕旋转工具类,能通过代码随时随地旋转/锁定屏幕方向。

Feature:
    ✅ 可控制旋转三个方向:
        - 竖屏:手机头在上边
        - 横屏:手机头在左边
        - 横屏:手机头在右边
    ✅ 可控制是否随手机摆动自动改变屏幕方向;
    ✅ 适配iOS16;
    ✅ 兼容 OC & Swift & SwiftUI;
    ✅ API简单易用。

使用效果

  • 随时随地旋转/锁定屏幕方向

ScreenRotator_1.gif

  • pushpresent一个跟当前方向不一样的新页面

ScreenRotator_2.gif

  • 视频的横竖屏切换

ScreenRotator_3.gif

使用前提

  1. 让单例ScreenRotator.shared全局控制屏幕方向,首先得在AppDelegate中重写:
func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask {
    return ScreenRotator.shared.orientationMask
}
  1. 不需要再重写UIViewControllersupportedInterfaceOrientationsshouldAutorotate

  2. 如需获取屏幕实时尺寸,在对应ViewController中重写:

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    // 🌰🌰🌰:竖屏 --> 横屏
    
    // 当屏幕发生旋转时,系统会自动触发该函数,`size`为【旋转之后】的屏幕尺寸
    print("size \(size)") // --- (926.0, 428.0)
    // 或者通过`UIScreen`也能获取【旋转之后】的屏幕尺寸
    print("mainScreen \(UIScreen.main.bounds.size)") // --- (926.0, 428.0)

    // 📢 注意:如果想通过`self.xxx`去获取屏幕相关的信息(如`self.view.frame`),【此时】获取的尺寸还是【旋转之前】的尺寸
    print("----------- 屏幕即将旋转 -----------")
    print("view.size \(view.frame.size)") // - (428.0, 926.0)
    print("window.size \(view.window?.size ?? .zero)") // - (428.0, 926.0)
    print("window.safeAreaInsets \(view.window?.safeAreaInsets ?? .zero)") // - UIEdgeInsets(top: 47.0, left: 0.0, bottom: 34.0, right: 0.0)
    
    // 📢 想要获取【旋转之后】的屏幕信息,需要到`Runloop`的下一个循环才能获取
    DispatchQueue.main.async {
        print("----------- 屏幕已经旋转 -----------")
        print("view.size \(self.view.frame.size)") // - (926.0, 428.0)
        print("window.size \(self.view.window?.size ?? .zero)") // - (926.0, 428.0)
        print("window.safeAreaInsets \(self.view.window?.safeAreaInsets ?? .zero)") // - UIEdgeInsets(top: 0.0, left: 47.0, bottom: 21.0, right: 47.0)
        print("==================================")
    }
}
  1. 如需监听屏幕的旋转,不用再监听UIDevice.orientationDidChangeNotification通知,而是监听该工具类提供的ScreenRotator.orientationDidChangeNotification通知。或者通过闭包的形式实现监听:
ScreenRotator.shard.orientationMaskDidChange = { orientationMask in 
    // 更新`FunnyButton`所属`window`的方向
    FunnyButton.orientationMask = orientationMask
}

API

全局使用单例ScreenRotator.shared调用:

  1. 旋转至目标方向
func rotation(to orientation: Orientation)
  1. 旋转至竖屏
func rotationToPortrait()
  1. 旋转至横屏(如果锁定了屏幕,则转向手机头在左边)
func rotationToLandscape()
  1. 旋转至横屏(手机头在左边)
func rotationToLandscapeLeft()
  1. 旋转至横屏(手机头在右边)
func rotationToLandscapeRight()
  1. 横竖屏切换
func toggleOrientation()
  1. 是否正在竖屏
var isPortrait: Bool
  1. 当前屏幕方向(ScreenRotator.Orientation)
var orientation: Orientation
  1. 是否锁定屏幕方向(当控制中心禁止了竖屏锁定,为true则不会【随手机摆动自动改变】屏幕方向)
var isLockOrientationWhenDeviceOrientationDidChange = true 
// PS:即便锁定了(`true`)也能通过该工具类去旋转屏幕方向
  1. 是否锁定横屏方向(当控制中心禁止了竖屏锁定,为true则【仅限横屏的两个方向会随手机摆动自动改变】屏幕方向)
var isLockLandscapeWhenDeviceOrientationDidChange = false 
// PS:即便锁定了(`true`)也能通过该工具类去旋转屏幕方向
  1. <屏幕方向>发生改变的回调闭包
var orientationMaskDidChange: ((_ orientationMask: UIInterfaceOrientationMask) -> ())?
  1. <是否锁定屏幕方向>发生改变的回调闭包
var lockOrientationWhenDeviceOrientationDidChange: ((_ isLock: Bool) -> ())?
  1. <是否锁定横屏方向>发生改变的回调闭包
var lockLandscapeWhenDeviceOrientationDidChange: ((_ isLock: Bool) -> ())?

可监听的通知

  1. <屏幕方向>发生改变的通知:
  • ScreenRotator.orientationDidChangeNotification
    • object: orientationMask(UIInterfaceOrientationMask)
  1. <是否锁定屏幕方向>发生改变的通知:
  • ScreenRotator.lockOrientationWhenDeviceOrientationDidChangeNotification
    • object: isLockOrientationWhenDeviceOrientationDidChange(Bool)
  1. <是否锁定横屏方向>发生改变的通知:
  • ScreenRotator.lockLandscapeWhenDeviceOrientationDidChangeNotification
    • object: isLockLandscapeWhenDeviceOrientationDidChange(Bool)

兼容 OC & SwiftUI

  • OC:使用专门用OC写的JPScreenRotator,用法和ScreenRotator完全一致。

  • SwiftUI:可以通过ScreenRotatorState来更新状态。

    • 具体使用可以参考Demo中的RotatorView

Tips

pushpresent一个跟当前方向不一样的新页面时,建议先旋转,再延时至少0.1s才打开,否则新页面的屏幕方向会错乱。例如:

let testVC = UIViewController()

// 1.先旋转
ScreenRotator.shared.rotation(to: .landscapeRight)

// 2.延时至少0.1s再打开
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.1) {
    if let navCtr = self.navigationController {
        navCtr.pushViewController(testVC, animated: true)
    } else {
        self.present(testVC, animated: true)
    }  
}

安装

ScreenRotator 可通过CocoaPods安装,只需添加下面一行到你的podfile:

pod 'ScreenRotator'