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调整了自己的布局）。
解决这个问题，使用viewSafeAreaInsetsDidChange这个方法。关联相对于VC的布局(superView OR layout Guides)到.m文件中，然后在viewSafeAreaInsetsDidChange判断是否支持safeAreaInsets，然后更新这个约束即可。

//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;
        }
    }

躲开了刘海

2018.1.15续

如果是一个复杂的view，比如

复杂的界面

在这里就要拖动所有和self.view这个view相关的约束，然后在viewSafeAreaInsetsDidChange方法里进行修改约束。
既然iOS9之前是没有safeArea，那咱们自己加一个safeView吧。。。

safeView

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布局的，我恐怕你应该考虑跳槽了。