iOS iPhone X 屏幕适配(一) 初探

      也是最近私事比较多,白天一直在忙着找工作,晚上闲来无事就发几个文字出来露露骚吧!  不再废话,配合着苹果文档,直接奔主题

    更新到MAC_10.12.6系统,升级Xcode9,跑iPhoneX模拟器,看看iPhoneX的改变

   一.分辨率的变化

iPhone 8的屏幕与以往的iPhone6、6S、7系列相同,我们不需要做什么改动,但是iPhoneX的屏幕分辨率在宽度与之前的相同的情况下,被拉长了145pt

iPhoneX

横屏:(1125px × 2436px (375pt × 812pt @3x))

竖屏:(2436px × 1125px (812pt × 375pt @3x))

二.依据状态栏和底部手势操作区域

状态栏和底部手势操作区域为safe area

状态栏高度44pt(88px) 底部区域高度35pt(70px)

三.safe area

在iphoneX之前我们都是依据superView来的布局,因为整个view即是superView,但是到了iphoneX,superView发生了改变,高度增大,并且有刘海和圆角的存在,如果再以superView为参照,必然会出现内容切割的情况,所以我们需要在整个view里面重新划分一块区域出来参照布局

safe area对比

以上只是简单的一个屏幕适配介绍,相信大家看到这里,关于iphoneX如何适配下心里有个大概了.在iOS11为UINavigationController/UITableView等增加了新特性,希望近几天能把后面新特性总结下写点东西出来跟各位交流下

文笔较弱,技术有缺点的还请多指正!

离iphoneX正式发布还有不到两个月,各位伙伴在此阶段都需要做准备,苹果也是留足了时间,希望大家在这一波波浪里能顺利吧!