（转）[IOS]iPhone X适配参考

随着iOS11和xcode9刚开始正式发布，小编也迫不及待的更新了xcode9，手机也顺利更新到iOS，也终于见到iPhone X 的真面不，看着齐刘海的样式，小编心里淡淡的忧伤，怎么适配，如何快速适配到项目中，成了一个蛋疼的问题

文章讲解点：

• 1.首先看一下iPhone X的模拟器样式吧
• 2.iPhone X的设计图
• 3.启动页的适配
• 4.刷新框架的适配iOS11
• 5.纯代码的宽高比适配
• 6.纯代码适配齐刘海
• 7.纯代码适配iPhone X脚底
• 8.xib和SB适配
• 9,适配iOS 11 列表的册数删除
• 10.tableView的头部试图和尾部试图
• 11.UIBarButtonItem的适配
• 12.无线真机测试
• 13.真机地图适配

友情链接：

• CALyer解读--总有一个点会让你想起它
• 2017年iOS面试题总结
• iOS开发个人开发账号的证书详细使用及介绍
• 自定义XIB View里面添加其他自定义Xib View
• swift里面的数组你真的学会了吗

1.首先看一下iPhone X的模拟器样式吧

 

我是iPhone X

xcode 9 模拟器都带一个套套，像我这种强迫症看着淡淡的忧伤，没办法直接干掉算了
如果看着大小在电脑上面不合适，就把鼠标放到四个角的时候，可以随便拖大小的

更改模拟器外观样式.png

2.iPhone X的设计图

 

3.启动页的适配

iPhone X采用的和iPhone 6p一样的@3x的图，而不是传说中的@4x图，不然设计妹妹真的哭晕在厕所了，适配起来还是比较好弄的，但是iPhone X 的屏幕平尺变为1125 * 2436，如果你是用的是LaunchImage来管理启动页，那就可以找设计妹子给你弄一张图出来了（晚上一起吃饭不，那就看你本事了）。如果你使用的是LaunchScreen来适配的启动页，听我一句也去问问设计妹子吧，毕竟iPhone X的高宽比（iPhone X采用了iPhone 8的宽，却比iPhone 8p都要高）发生了变化，拉伸了设计妹子的图，会给你拼命的，
说的那么多废话，就一点是重要的iPhone X 的屏幕平尺变为1125 * 2436

4.刷新框架的适配iOS11

如果你使用了MJRefresh等刷新，并且你还隐藏了导航，那么你就会出现一下情况

造成这个原因就是：iOS 11上面废除了automaticallyAdjustsScrollViewInsets这个属性的使用，妹妹的搞什么，确实使用了UIScrollView's contentInsetAdjustmentBehavior来替代，详细介绍(本篇七秒只做开发中实际适配，不详细解答为何这样适配)，如何适配？粘上下面代码即可

if (@available(iOS 11.0, *)) {
    self.home_collectionView.contentInsetAdjustmentBehavior = UIApplicationBackgroundFetchIntervalNever;
} else {
    self.automaticallyAdjustsScrollViewInsets = false;
    // Fallback on earlier versions
}

但是看到每个地方倒要if else,确实不舒服，七秒斗胆写了一个宏，仅供参考

/// 第一个参数是当下的控制器适配iOS11 一下的，第二个参数表示scrollview或子类 
#define AdjustsScrollViewInsetNever(controller,view) if(@available(iOS 11.0, *)) {view.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;} else if([controller isKindOfClass:[UIViewController class]]) {controller.automaticallyAdjustsScrollViewInsets = false;}

 

/// 高度系数 812.0 是iPhoneX的高度尺寸，667.0表示是iPhone 8 的高度，如果你觉的它会变化，那我也很无奈 
#define kWJHeightCoefficient (kWJScreenHeight == 812.0 ? 667.0/667.0 : kWJScreenHeight/667.0)

6.纯代码适配齐刘海

众所周知，导航的高度为64，在哪个手机上面都是不变的,iPhone X没出来之前是对的，随便写64,iPhone X出来后，大家都傻眼了，导航栏高度变了有可能为88,傻眼了吧，如果你纯码写的都是64效果如下

#define SafeAreaTopHeight (kWJScreenHeight == 812.0 ? 88 : 64)

- (nullable UISwipeActionsConfiguration *)tableView:(UITableView *)tableView leadingSwipeActionsConfigurationForRowAtIndexPath:(NSIndexPath *)indexPath func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration?

9.1,右滑和左滑调用

func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? { let action = UIContextualAction(style: .destructive, title: "Delete") { (action, view, handler) in handler(true) } let configuration = UISwipeActionsConfiguration(actions: [action]) return configuration } func tableView(_ tableView: UITableView, leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? { let action = UIContextualAction(style: .normal, title: "Mark") { (action, view, handler) in handler(true) } action.backgroundColor = UIColor.init(red: 254/255.0, green: 175/255.0, blue: 254/255.0, alpha: 1); let configuration = UISwipeActionsConfiguration(actions: [action]) return configuration }

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { } func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { return 0.001 }

/// 自动关闭估算高度，不想估算那个，就设置那个即可 
self.tableView.estimatedRowHeight = 0; 
self.tableView.estimatedSectionHeaderHeight = 0; 
self.tableView.estimatedSectionFooterHeight = 0;

11.UIBarButtonItem的适配

UIBarButtonItem错位效果:

 在iOS 11 里面使用 CustomView创建的item造成frame错乱以及设置边距item.width = -20等失效问题，归根结底是因为苹果更改了iOS11上面uinavigationBar的结构

iOS 11以前的navigationBar:

添加的right和left直接添加到navigationBar上面，并且使用的是frame布局的

iOS 11 navigationBar结构图:

有图我们可以看到， 添加的right和left的UIBarButtonItem并不是直接添加到nagitionBar上面。而是在外面嵌套了一个uibuttonBarStackView,而StackView并不是使用的frame，而是用的约束来布局，所以必须得用 AutoLayout 了！

/// 适配iOS11 UIBarButtonItem 添加自定义布局 
if (@available(iOS 9.0,*)) { 
/// 强迫症的朋友这里也是可以写成11.0 
[backbtn.widthAnchor constraintEqualToConstant:size.width].active = true; 
[backbtn.heightAnchor constraintEqualToConstant:size.height].active = true; }

 iOS11里面正确效果:

12.无线真机测试

这应该也是xcode 9的一个亮点吧，但是速度真的不是很干恭维的。注意手机和电脑必须在同一个局域网内
首先使用手机连接xcode之后，打开window->Devices and Simulator->勾选Show as run destination和Connect via network,这样就可以无线测试了，以后妈妈再也不用担心忘记带线了

13.iOS11 真机地图

在iOS11地图适配，在iOS11中，如果使用到地图，我们就需要在info,里面添加NSLocationAlwaysAndWhenInUseUsageDescription 和NSLocationWhenInUseUsageDescription才可以在ios11里面正常调出地图