[已在线上项目使用此方法适配,暂无问题出现。]
日常开发会经常使用xib或者sb,所以本次实验也是使用了xib或者sb。理论纯代码会更简单。
新建一个sb的界面:
一个顶部的button中间一个tableView。现在基本还需要适配iOS 8,所以更改项目支持iOS8,并且去掉"Use Safe Area Layout Guides"。
如果约束基于layout guides,tableView好像自动可以自动多开刘海,而顶部的button就不行了。
实际上,tableview多开齐刘海只是tableviewcell的contentView多开,tableviewCell仍然不在安全区域:
直接在tableViewCell上添加一个测试的label:
显然这个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吧。。。
- 新建一个view,取名为safeView,safeView的约束,基于LayoutGuide,然后safeView的上下左右均为0.
- 此view上所有的view都不再放在self.view上,而是self.safeView上。
- 在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布局的,我恐怕你应该考虑跳槽了。