iOS11和iPhone X屏幕适配

iOS11和iPhone X屏幕适配_第1张图片

iPhone X上市了,给设计师和开发工程师们又带了新的挑战,那一条齐刘海和四个圆角的屏幕,不得不去进行屏幕适配,并且苹果的iOS11也进行了一些方法的替换,这就让以前写的代码在iOS11的系统上跑起来有了不小挑战。

首先先说一下安全区

iOS11和iPhone X屏幕适配_第2张图片
Safe Area

以往的其他iPhone屏幕都是长方形的,所以里面的显示区域不会存在遮挡的现象。iPhone X由于全面屏的设计,在屏幕的上方,下方都变成了弧形的,而控件都还是长方形,所以就会出现显示不全的情况。
为了解决遮挡的问题,所在在设计的时候就要避开这个区域,所以实际的iPhone X的安全区域就是图上所画的绿色的区域,而白色的区域,苹果会根据上下的颜色而自动填充。

iOS11和iPhone X屏幕适配_第3张图片
高度对比图

在其他iPhone上状态栏的高度为20个像素,而在iPhone X上状态栏的高度变为了88个像素,并且在底部多出了48个像素。

当我们打印iPhone X的屏幕尺寸时[UIScreen mainScreen].bounds.size 打印值为375x812注意这个812是算上安全区域的大小

好了知道这些,我就就知道怎么去适配屏幕了

1.一个界面一般都会有UITableView、UIScrollView、UICollectionView,并且一般会把这些作为底部视图
这种情况下设置视图大小的时候个人建议直接使用self.view.bounds就可以了。
像iOS11中已经废除了automaticallyAdjustsScrollViewInsets这个方法,所以需要进行版本判断

 if (@available(iOS 11.0, *)) {
     self.tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
 }else {
     self.automaticallyAdjustsScrollViewInsets = NO;
 }

2.如果要拿出状态栏的高度可以使用一个宏

//屏幕宽高
#define kScreenW [UIScreen mainScreen].bounds.size.width
#define kScreenH [UIScreen mainScreen].bounds.size.height
// iPhone X 宏定义
#define iPhoneX (kScreenW == 375.f && kScreenH == 812.f ? YES : NO)
// 适配iPhone X 状态栏高度
#define CF_StatusBarHeight (iPhoneX ? 44.f : 20.f)

3.如果要拿出导航栏的高度可以使用一个宏

// 适配iPhone X 导航栏高度
#define CF_NavHeight (iPhoneX ? 88.f : 64.f)

4.如果要拿出Tabbar的高度可以使用一个宏

// 适配iPhone X Tabbar距离底部的距离
#define CF_TabbarSafeBottomMargin (iPhoneX ? 34.f : 0.f)
// 适配iPhone X Tabbar高度
#define CF_TabbarHeight (iPhoneX ? (49.f+34.f) : 49.f)

iOS 11中如果不实现-tableView: viewForFooterInSection:-tableView: viewForHeaderInSection:,那么-tableView: heightForHeaderInSection:- tableView: heightForFooterInSection:不会被调用。
这是因为estimatedRowHeight estimatedSectionHeaderHeight estimatedSectionFooterHeight三个高度估算属性由默认的0变成了UITableViewAutomaticDimension,导致高度计算不对,解决方法是实现对应方法或吧这三个属性设为0。

在使用图片方面

4.7‘’及以下的设备目前使用的图片全是@2x
plus系列和iPhone X使用的图片是@3x

你可能感兴趣的:(iOS11和iPhone X屏幕适配)