2022.04.11 更新,修改获取 iPhone 状态栏、导航栏、TabBar高度等部分内容。
前言
最近写毕业设计的时候,发现 iPhoneX 之后的刘海屏手机顶部状态栏高度和底部TabBar高度和原来不一样了,这就需要我们对刘海屏手机做单独的 UI 布局适配了。
刘海屏判断
适配的核心是要对刘海屏进行判断,以下针对刘海屏手机的特征,提供了两种判断方法。
1. 安全区底部边距判断法
在 iOS 11 之后,多了安全区(下图蓝色区域)的概念。刘海屏手机因为多了下方的小黑条,底部安全区存在距离屏幕底部的边距,而且这是非刘海屏所不具有的。
因此,我们可以将其作为判断刘海屏的依据。如果系统大于 iOS 11 且安全区底部到屏幕底部存在间距,就将其判断为刘海屏。代码如下:
// 刘海屏判断
#define iPhoneX ({
\
BOOL iPhoneX = NO; \
if (@available(iOS 11.0, *)) {
\
if ([UIApplication sharedApplication].windows[0].safeAreaInsets.bottom > 0) {
\
iPhoneX = YES; \
} \
} \
iPhoneX; \
})
2. 屏幕宽高比判断法
考虑到我不太喜欢写这种多行宏定义,据说会降低编译速度。我又继续寻找其他刘海屏的特征,终于在下面这一张图中找到了灵感。
由上图所示,但凡是刘海屏手机,屏幕的纵横比都是 19 : 9。
设手机屏幕宽度为 W i d t h Width Width</