iOS 准确获取 iPhone 状态栏、导航栏、TabBar高度,看这篇就够了 ...

铁佛  金牌会员 | 2022-6-23 16:44:16 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 788|帖子 788|积分 2364

前言

最近在项目开发的时候,发现项目提供的获取 「状态栏+导航栏高度」的方法,在 iPhone 12 系列机型上是错误的。解决了这个问题之后,决定做个简单的总结,于是有了这篇文章。
本文主要是分析了遇到的问题,比并提供了解决方案,最后总结了常用的准确获取 iPhone 状态栏、导航栏、TabBar高度的方法。如果只是被标题吸引进来的,可以直接跳到代码模版部分

文章目录



1|问题归因

问题出现的根源是,获取 「状态栏+导航栏高度」的方法采用的是类似于下面的判断是否为刘海屏,然后返回固定值的写法
  1. // 状态栏高度,iPhoneX 是判断是否为刘海屏
  2. #define StatusBar_Height (iPhoneX ? 44.0f : 20.0f)
复制代码
现在早些时间,这种方法确实是没错的,但是在 iOS 14 系统之后,刘海屏手机的状态栏高度就不再统一是 44 了。下表是 iOS 15.2 上各刘海屏机型的状态栏高度,其中 iPhone 13 系列和 iPhone 12 系列是一致的,就不再重复列举。
机型状态栏高度iPhone XR/1148iPhone X/11 Pro/ 11 Pro Max/12 mini44iPhone 12/12 Pro/Pro Max472|利用系统方法获取状态栏高度

因为上面那种写死的方法已经不能满足我们的需求了,于是我们采用系统的方法来获取。在 iOS 13.0 之前,我们可以通过 UIApplication 单例中的 statusBarFrame 属性获取状态状态栏改度,代码如下:
  1. [UIApplication sharedApplication].statusBarFrame.size.height;
复制代码
但是在 iOS 13.0 之后,UIApplication 单例中的 statusBarFrame 属性被废弃⚠️了。官方希望能我们使用 UIStatusBarManager 类中的 statusBarFrame 熟悉来进行获取,代码如下:
  1. if (@available(iOS 13.0, *)) {
  2.         NSSet *set = [UIApplication sharedApplication].connectedScenes;
  3.     UIWindowScene *windowScene = [set anyObject];
  4.     UIStatusBarManager *statusBarManager = windowScene.statusBarManager;
  5.     return statusBarManager.statusBarFrame.size.height;
  6. }
复制代码
3|代码模版

为了能正确获取系统顶部和底部相关元素(导航栏和安全区)的高度,这里提供了获取顶部和底部安全区、顶部状态栏和导航栏、底部 tabBar。
Objective-C 版本

在 UIDevice+VGAddition.h 中,对各方法进行了声明。
  1. @interface UIDevice (VGAddition)
  2. /// 顶部安全区高度
  3. + (CGFloat)vg_safeDistanceTop;
  4. /// 底部安全区高度
  5. + (CGFloat)vg_safeDistanceBottom;
  6. /// 顶部状态栏高度(包括安全区)
  7. + (CGFloat)vg_statusBarHeight;
  8. /// 导航栏高度
  9. + (CGFloat)vg_navigationBarHeight;
  10. /// 状态栏+导航栏的高度
  11. + (CGFloat)vg_navigationFullHeight;
  12. /// 底部导航栏高度
  13. + (CGFloat)vg_tabBarHeight;
  14. /// 底部导航栏高度(包括安全区)
  15. + (CGFloat)vg_tabBarFullHeight;
  16. @end
复制代码
在 UIDevice+VGAddition.m 中,对声明的各方法进行了实现。
  1. #import "UIDevice+VGAddition.h"
  2. @implementation UIDevice (VGAddition)
  3. /// 顶部安全区高度
  4. + (CGFloat)vg_safeDistanceTop {
  5.     if (@available(iOS 13.0, *)) {
  6.         NSSet *set = [UIApplication sharedApplication].connectedScenes;
  7.         UIWindowScene *windowScene = [set anyObject];
  8.         UIWindow *window = windowScene.windows.firstObject;
  9.         return window.safeAreaInsets.top;
  10.     } else if (@available(iOS 11.0, *)) {
  11.         UIWindow *window = [UIApplication sharedApplication].windows.firstObject;
  12.         return window.safeAreaInsets.top;
  13.     }
  14.     return 0;
  15. }
  16. /// 底部安全区高度
  17. + (CGFloat)vg_safeDistanceBottom {
  18.     if (@available(iOS 13.0, *)) {
  19.         NSSet *set = [UIApplication sharedApplication].connectedScenes;
  20.         UIWindowScene *windowScene = [set anyObject];
  21.         UIWindow *window = windowScene.windows.firstObject;
  22.         return window.safeAreaInsets.bottom;
  23.     } else if (@available(iOS 11.0, *)) {
  24.         UIWindow *window = [UIApplication sharedApplication].windows.firstObject;
  25.         return window.safeAreaInsets.bottom;
  26.     }
  27.     return 0;
  28. }
  29. /// 顶部状态栏高度(包括安全区)
  30. + (CGFloat)vg_statusBarHeight {
  31.     if (@available(iOS 13.0, *)) {
  32.         NSSet *set = [UIApplication sharedApplication].connectedScenes;
  33.         UIWindowScene *windowScene = [set anyObject];
  34.         UIStatusBarManager *statusBarManager = windowScene.statusBarManager;
  35.         return statusBarManager.statusBarFrame.size.height;
  36.     } else {
  37.         return [UIApplication sharedApplication].statusBarFrame.size.height;
  38.     }
  39. }
  40. /// 导航栏高度
  41. + (CGFloat)vg_navigationBarHeight {
  42.     return 44.0f;
  43. }
  44. /// 状态栏+导航栏的高度
  45. + (CGFloat)vg_navigationFullHeight {
  46.     return [UIDevice vg_statusBarHeight] + [UIDevice vg_navigationBarHeight];
  47. }
  48. /// 底部导航栏高度
  49. + (CGFloat)vg_tabBarHeight {
  50.     return 49.0f;
  51. }
  52. /// 底部导航栏高度(包括安全区)
  53. + (CGFloat)vg_tabBarFullHeight {
  54.     return [UIDevice vg_statusBarHeight] + [UIDevice vg_safeDistanceBottom];
  55. }
  56. @end
复制代码
Swift 版本

UIDevice+VGAddition.swift
  1. extension UIDevice {
  2.    
  3.     /// 顶部安全区高度
  4.     static func vg_safeDistanceTop() -> CGFloat {
  5.         if #available(iOS 13.0, *) {
  6.             let scene = UIApplication.shared.connectedScenes.first
  7.             guard let windowScene = scene as? UIWindowScene else { return 0 }
  8.             guard let window = windowScene.windows.first else { return 0 }
  9.             return window.safeAreaInsets.top
  10.         } else if #available(iOS 11.0, *) {
  11.             guard let window = UIApplication.shared.windows.first else { return 0 }
  12.             return window.safeAreaInsets.top
  13.         }
  14.         return 0;
  15.     }
  16.    
  17.     /// 底部安全区高度
  18.     static func vg_safeDistanceBottom() -> CGFloat {
  19.         if #available(iOS 13.0, *) {
  20.             let scene = UIApplication.shared.connectedScenes.first
  21.             guard let windowScene = scene as? UIWindowScene else { return 0 }
  22.             guard let window = windowScene.windows.first else { return 0 }
  23.             return window.safeAreaInsets.bottom
  24.         } else if #available(iOS 11.0, *) {
  25.             guard let window = UIApplication.shared.windows.first else { return 0 }
  26.             return window.safeAreaInsets.bottom
  27.         }
  28.         return 0;
  29.     }
  30.    
  31.     /// 顶部状态栏高度(包括安全区)
  32.     static func vg_statusBarHeight() -> CGFloat {
  33.         var statusBarHeight: CGFloat = 0
  34.         if #available(iOS 13.0, *) {
  35.             let scene = UIApplication.shared.connectedScenes.first
  36.             guard let windowScene = scene as? UIWindowScene else { return 0 }
  37.             guard let statusBarManager = windowScene.statusBarManager else { return 0 }
  38.             statusBarHeight = statusBarManager.statusBarFrame.height
  39.         } else {
  40.             statusBarHeight = UIApplication.shared.statusBarFrame.height
  41.         }
  42.         return statusBarHeight
  43.     }
  44.    
  45.     /// 导航栏高度
  46.     static func vg_navigationBarHeight() -> CGFloat {
  47.         return 44.0
  48.     }
  49.    
  50.     /// 状态栏+导航栏的高度
  51.     static func vg_navigationFullHeight() -> CGFloat {
  52.         return UIDevice.vg_statusBarHeight() + UIDevice.vg_navigationBarHeight()
  53.     }
  54.    
  55.     /// 底部导航栏高度
  56.     static func vg_tabBarHeight() -> CGFloat {
  57.         return 49.0
  58.     }
  59.    
  60.     /// 底部导航栏高度(包括安全区)
  61.     static func vg_tabBarFullHeight() -> CGFloat {
  62.         return UIDevice.vg_tabBarHeight() + UIDevice.vg_safeDistanceBottom()
  63.     }
  64. }
复制代码
参考文章



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

铁佛

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表