详解iOS11、iPhone X、Xcode9 适配指南

2020-01-21 01:06:14于丽

然而iPhone X更大的坑是屏幕的适配

首先看下屏幕尺寸

iOS11适配,iPhone,X适配,Xcode9,适配

这张图反映出不少信息:

iPhone X的宽度虽然和7是一样的,但是高度多出145pt 使用三倍图是重点,而且一般认为肉眼所能所能识别的最高的屏幕密度是300ppi,iPhone X已达到458ppi(查证发现三星galaxy系列的屏幕密度是522ppi)

在设计方面,苹果官方文档human-interface-guidelines有明确要求,下面结合图例进行说明:

iOS11适配,iPhone,X适配,Xcode9,适配

展示出来的设计布局要求填满整个屏幕

iOS11适配,iPhone,X适配,Xcode9,适配

填满的同时要注意控件不要被大圆角和传感器部分所遮挡

iOS11适配,iPhone,X适配,Xcode9,适配

安全区域以外的部分不允许有任何与用户交互的控件

上面这张图内含信息略多

头部导航栏不予许进行用户交互的,意味着下面这两种情况 Apple 官方是不允许的

iOS11适配,iPhone,X适配,Xcode9,适配

iOS11适配,iPhone,X适配,Xcode9,适配

底部虚拟区是替代了传统home键,高度为34pt,通过上滑可呼起多任务管理,考虑到手势冲突,这部分也是不允许有任何可交互的控件 状态栏在非安全区域,文档中也提到,除非可以通过隐藏状态栏给用户带来额外的价值,否则最好把状态栏还给用户

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持ASPKU。


注:相关教程知识阅读请移步到IOS开发频道。