刘海屏出来前

状态栏：20pt

导航栏：44pt

底部安全距离：0pt

tabBar: 49

刘海屏出来后

状态栏：44pt

导航栏：44pt

底部安全距离：34pt

tabBar: 49

代码

//获取状态栏的高度，全面屏手机的状态栏高度为44pt，非全面屏手机的状态栏高度为20pt
//状态栏高度
let statusBarHeight = UIApplication.shared.statusBarFrame.height;
//导航栏高度
let navigationHeight = (statusBarHeight + 44)
//tabbar高度
let tabBarHeight = (statusBarHeight==44 ? 83 : 49)
//顶部的安全距离
let topSafeAreaHeight = (statusBarHeight - 20)
//底部的安全距离，全面屏手机为34pt，非全面屏手机为0pt
let bottomSafeAreaHeight = (tabBarHeight - 49)

extension UIWindow {func jx_layoutInsets() -> UIEdgeInsets {if #available(iOS 11.0, *) {let safeAreaInsets: UIEdgeInsets = self.safeAreaInsetsif safeAreaInsets.bottom > 0 {//参考文章：https://mp.weixin.qq.com/s/Ik2zBox3_w0jwfVuQUJAUwreturn safeAreaInsets}return UIEdgeInsets.init(top: 20, left: 0, bottom: 0, right: 0)}return UIEdgeInsets.init(top: 20, left: 0, bottom: 0, right: 0)}func jx_navigationHeight() -> CGFloat {let statusBarHeight = jx_layoutInsets().topreturn statusBarHeight + 44}
}

参考博客：

iOS灵活适配刘海屏手机的顶部状态栏高度和底部安全距离

iOS 适配刘海屏刘海状态栏底部安全距离相关推荐

android9模拟刘海屏,刘海屏 | Android 开源项目 | Android Open Source Project
Android 9 新增了对在设备上实现不同类型刘海屏的支持.通过刘海屏,您可以打造沉浸式全面屏体验,同时继续在设备前端为重要传感器留出空间. 图 1. 顶部中间刘海屏 Android 9 支持以下类 ...
android获取刘海屏状态栏高度,Android刘海屏全面屏底部导航栏的适配
关于Android状态栏和虚拟导航栏的适配,文章:https://blog.csdn.net/leogentleman/article/details/54566319 讲的很不错. 状态栏的适配: ...
uniapp兼容iPhoneX头部状态栏(刘海屏）和底部小横条
文章目录 (一)兼容 iphoneX 头部状态栏方式一:封装状态栏组件 statusBar.vue 方式二:不封装组件方式三:使用 Vuex 管理完整demo展示: (二)兼容 iPhoneX ...
uni-app - 刘海屏(Iphone X)底部横杠(——)白色区域块（安全距离处更改颜色）解决方案
前言场景:因为要做无 tabbar 页面,所以在配置文件中取消底部导航栏. 取消后,iPhone X(刘海屏) 底部就出现如下图所示白色安全区域问题: 这个问题,是因为 uni-app 默认会为 i ...
android齐刘海屏幕适配,ios 适配所有齐刘海手机屏幕的宏定义
#define TotaliPhoneX (NAVIGATION_BAR_HEIGHT+HOME_INDICATOR_HEIGHT) // 判断iPhoneX // 判断是否是ipad #define ...
h5 iOS 刘海屏适配
之前做app内嵌页时,按照机型做了齐刘海适配,到现在iPhone12发布后,发现ios 齐刘海机型很多,所以按照机型适配有点繁琐,统一修改如下. 先看一下各个机型以及分辨率:https://www.t ...
iOS——判断刘海屏
在写项目时,发现在非刘海屏型号的iPhone上测试的UI界面,有时候在刘海屏iPhone会被遮挡.这时候,我们需要判断当前设备是否是刘海屏,以来对UI代码做相应的适配,以下是学习的几种方案. 判断手机 ...
Android刘海屏适配
Android刘海屏适配全屏模式下刘海屏黑边(内容区域下挫)问题,支持国国内华为,小米,OPPO/VIVIO 非原生9.0系统的刘海屏刘海屏是Android9.0之后才支持的详见源码 andr ...
android刘海屏适配方案
刘海屏屏幕适配注:以下所述"刘海"指延伸至状态栏的屏幕区域. 1. google 官方对Android P刘海屏的适配方案 google官方已经在**Android 9(API ...

iOS 适配刘海屏刘海状态栏底部安全距离

刘海屏出来前

刘海屏出来后

代码

参考博客：

iOS 适配刘海屏刘海状态栏底部安全距离相关推荐

最新文章

热门文章

iOS 适配刘海屏 刘海 状态栏 底部安全距离

刘海屏出来前

刘海屏出来后

代码

参考博客：

iOS 适配刘海屏 刘海 状态栏 底部安全距离相关推荐

最新文章

热门文章

iOS 适配刘海屏刘海状态栏底部安全距离

iOS 适配刘海屏刘海状态栏底部安全距离相关推荐