iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案

最新推荐文章于 2024-03-27 16:07:08 发布

Xuxuabcd

最新推荐文章于 2024-03-27 16:07:08 发布

阅读量487

点赞数

文章标签： ios ui iphone

本文链接：https://blog.csdn.net/xuxuabcd/article/details/128240025

版权

本文探讨了iOS全面屏的适配问题，包括顶部和底部的变化，以及如何通过宏进行适配。同时，文章讨论了SafeArea的概念，分析了其优缺点，并提供了使用SafeArea进行布局的建议，旨在帮助开发者应对不同尺寸屏幕的适配挑战。

摘要由CSDN通过智能技术生成

前言

全面屏刚出时，网上有说反人类。但过去这么久了，趋于技术的进步或看久了，大家也都慢慢习惯了(只是笔者还是买不起全面屏)。官方适配中文版文档也出来了。

图源：( baijiahao.baidu.com/s?id=157902… )

回想起刚开始适配全面屏用了一种暴力、并不优雅的方法，以至于后来出了XS(MAX)和XR后出了bug。所以选择一种可靠的、优雅的方案是很有必要的。如今网上关于探讨适配全面屏的文章五花八门，笔者将探究其中的各种方案。

由于笔者水平有限，眼界狭窄，难免出现疏忽的地方，希望大神提出更好的方案。

全面屏的数据

顶部

从以上两图，我们可以看出全面屏的顶部Statusbar变高了，其他部分没变。

Largetitle是iOS11中新加入的特性。当然我们开发中很少用到Largetitle。

底部

全面屏底部多出了高度为34的Home Indicator 区域。

分辨率（图源：blog.csdn.net/sinat_15735… ）
============

虽然笔者买不起XStyle，但是虚拟器应该能满足适配的所有测试。所以开发中，请优先使用全面屏开发。笔者有个朋友，开发时用非全面屏，偶尔会出现忘记适配全面屏问题。如果用全面屏，开发效率将会进一步提升。毕竟界面适配全面屏的时候，很难忘记适配非全面屏。

App显示界面大小是由App启动页决定的。

记得iPhoneX刚出时，App在其上面运行显示居中，大小和6s一样，上下各有一块黑块。尝试打印出分辨率惊奇发现不是官方宣传的1124，2436。把启动页大小改了宏才达到预想效果。如果用xib，那就没什么问题。启动页用图片的话，要适配上@3x的图片。

3.宏怎么定义

宏里只要能区分开XStyle，其他高度就好说。

网上很多教程都是按照分辨率来区分。然而，根据上面我们可以发现，XStyle的分辨率并非固定。所以单纯按照分辨率是不行的。笔者一开始适配X就是这样，后来XSMax出了问题，被迫强行更新XCode10用XSMax，发现宏没写好（顺便吐槽一句，XCode10真是噩梦，又懒得下回去）。

也有旧教程是按照屏幕宽高。但根据上面数据也不是固定的，所以要注意。这两种失效宏都列在下面。

// 单纯根据分辨率
#define K_iPhoneXStyle ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)

// 单纯根据屏幕宽高
#defineK_iPhoneXStyle (KScreenWidth == 375.f && KScreenHeight == 812.f ? YES : NO)

其实笔者很想弄出一个通用的宏，不那么怕出新机会失效的宏，但奈何实在想不到。只能照XStyle不一样的数据写出宏。下面列出的宏在XS Max时还是有效的。至于以后就说不准了，各位还是要根据新机分辨率或者宽高适当修改。

#define K_iPhoneXStyle ( (CGSizeEqualToSize(CGSizeMake(414, 896), [[UIScreen mainScreen] bounds].size)) || ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO) )

或者

#defineK_iPhoneXStyle ((KScreenWidth == 375.f && KScreenHeight == 812.f ? YES : NO) || (KScreenWidth == 414.f && KScreenHeight == 896.f ? YES : NO))

还有其他的宏

#define KScreenWidth ([UIScreen mainScreen].bounds.size.width)
#define KScreenHeight ([UIScreen mainScreen].bounds.size.height)
#define K_iPhoneXStyle ((KScreenWidth == 375.f && KScreenHeight == 812.f ? YES : NO) || (KScreenWidth == 414.f && KScreenHeight == 896.f ? YES : NO))
#define KStatusBarAndNavigationBarHeight (K_iPhoneXStyle ? 88.f : 64.f)
#define KStatusBarHeight (K_iPhoneXStyle ? 44.f : 20.f)
#define KTabbarHeight (K_iPhoneXStyle ? 83.f : 49.f)
#define KMagrinBottom