最新消息:文章中包含代码时,请遵守代码高亮规范!

IPhoneX适配【原创】

iOS Ace 63浏览 0评论

IPhoneX上市也已经2个多月了,在这里总结一下我的IPhoneX的适配思路。

IPhoneX是什么

iPhone X属于高端版机型,采用全新设计,搭载色彩锐利的OLED屏幕,配备升级后的相机,使用3D面部识别(Face ID)传感器解锁手机,支持AirPower(空中能量)无线充电。作为IPhone10周年的产物,它是那么的特殊以及强大。

IPhoneX和其他IPhone有何不同

图片来自苹果官网

可以很明显的看出,相对于IPhone8,IPhoneX的宽度没有变,但是高度增加了145个单位高度。所以最简单的判断IPhoneX的方法就是判断IPhone页面的高度是否等于812。

如何判断是IPhoneX


if ([UIScreen mainScreen].bounds.size.heigh == 812);

这样就能判断是不是IPhoneX了。

IPhoneX怎么适配

首先来看IPhone的改变

(图片来自https://zhuanlan.zhihu.com/p/29726042)

通过图片可得知IPhoneX的导航栏由之前的20+44,变为了44+44,所以我们在自定义导航栏的时候,需要重新设置导航的尺寸。底部的tabbar区域,由原来的49变为了49+34.这两点就就是我们常用的改变。

(图片来自https://zhuanlan.zhihu.com/p/29726042)

当我们在写导航和底部的tabbar时,一定要注意屏幕的安全区域。IPhoneX中没有Home键了,对于以前的任务操作,靠的就是底部34个单位的区域进行向上滑动操作,所以我们的tabbar的按钮触碰事件一定不要在这34个单位中进行任务的触碰事件,头部的那44个单位也是同样的道理.我们的触碰区域应该在屏幕的安全区域内

旧项目在IPhoneX下会如何

目前未做过适配的项目,在IPhoneX上运行时,只会显示667的高度,剩余的145高度会分为上下两个黑边,没有其他的影响。苹果不会直接把原有的项目做拉伸的,原有比例保持不变。

旧项目如何增加IPhoneX的适配

旧项目在IPhoneX下依旧按照IPhone8的4.7寸来跑,想增加IPhoneX的适配工作,首先要添加一张2436 x 1125的Launch启动图。添加了启动图后,系统在IPhoneX下就会变为812的高度,原有的项目就需要添加上面的IPhoneX的适配代码了。

IPhoneX的页面显示

苹果对于IPhoneX的显示和适配有着自己的标注,下面就放上一些苹果的原版适配案例

(图片来自于:https://developer.apple.com/cn/ios/update-apps-for-iphone-x/)

以上就是我总结的IPhoneX的适配总结了,如果不足和补充,欢迎留言交流。

参考网站:

https://developer.apple.com/cn/ios/update-apps-for-iphone-x/

https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/

http://fighting300.com/2017/09/14/iOS11-UI-adjust/

http://www.cocoachina.com/ios/20170926/20655.html

https://zhuanlan.zhihu.com/p/29726042

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22954.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Ace的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!