iPhone X超简单适配（适配实战）

发表于 | 分类于

[已在线上项目使用此方法适配，暂无问题出现。]
日常开发会经常使用xib或者sb，所以本次实验也是使用了xib或者sb。理论纯代码会更简单。
image.png

新建一个sb的界面：
image.png
一个顶部的button中间一个tableView。现在基本还需要适配iOS 8，所以更改项目支持iOS8，并且去掉”Use Safe Area Layout Guides”。
image.png

如果约束基于layout guides，tableView好像自动可以自动多开刘海，而顶部的button就不行了。
实际上，tableview多开齐刘海只是tableviewcell的contentView多开，tableviewCell仍然不在安全区域：
image.png
直接在tableViewCell上添加一个测试的label：
image.png
显然这个tableView并不安全（上面cell内容之所以躲开了刘海，是contentView调整了自己的布局）。
解决这个问题，使用

OR layout Guides)到.m文件中，然后在```viewSafeAreaInsetsDidChange```判断是否支持safeAreaInsets，然后更新这个约束即可。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
```
//OC
-(void)viewSafeAreaInsetsDidChange
{
    [super viewSafeAreaInsetsDidChange];
    if ([UIDevice currentDevice].systemVersion.doubleValue>10.0) {
        self.topConst.constant = self.view.safeAreaInsets.top;
        self.leadingConst.constant = self.view.safeAreaInsets.left;
        self.trallingConst.constant = self.view.safeAreaInsets.right;
        self.bottomConst.constant = self.view.safeAreaInsets.bottom;
    }
}
//swift
override func viewSafeAreaInsetsDidChange() {
        if #available(iOS 11, *){
            super.viewSafeAreaInsetsDidChange()
            self.topConst.constant = self.view.safeAreaInsets.top;
            self.leadingConst.constant = self.view.safeAreaInsets.left;
            self.trallingConst.constant = self.view.safeAreaInsets.right;
            self.bottomConst.constant = self.view.safeAreaInsets.bottom;
        }
    }

躲开了刘海

```
1
2
3
4
5
6
7
8
9
10
11
12
13

如果是一个复杂的view，比如
![复杂的界面](http://upload-images.jianshu.io/upload_images/1966717-b97c51c692201824.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

在这里就要拖动所有和```self.view```这个```view```相关的约束，然后在```viewSafeAreaInsetsDidChange```方法里进行修改约束。
既然iOS9之前是没有```safeArea```，那咱们自己加一个*safeView*吧。。。
![safeView](http://upload-images.jianshu.io/upload_images/1966717-15ee323a98fe7b06.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

1. 新建一个view，取名为safeView，safeView的约束，**基于LayoutGuide**，然后safeView的上下左右均为0.
2. 此view上所有的view都不再放在self.view上，而是self.safeView上。
3. 在viewSafeAreaInsetsDidChange修改safeView的约束即可。

如果是使用Snapkit，则remake约束即可:

override func viewSafeAreaInsetsDidChange() {
if #available(iOS 11.0, *) {
super.viewSafeAreaInsetsDidChange()
let safeArea = self.view.safeAreaInsets
self.tableView.snp.remakeConstraints { (make) in
make.bottom.top.equalToSuperview()
make.leading.equalTo(safeArea.left)
make.top.equalTo(safeArea.top)
make.tralling.equalTo(-safeArea.right)
} else {
// Fallback on earlier versions
}
}
```
OC使用masonry则同理。

遇到tableView需要底部不用躲避在iPhoneX上的小黑线，则在viewSafeAreaInsetsDidChange里底部约束为0而不是safeArea。
适配使用了autoLayout的老项目，同样适用此方法，稍微麻烦点。
如果需要适配横竖屏，且使用frame布局的，我恐怕你应该考虑跳槽了。