iPhone X 底部适配

场景:UIViewController 上添加 UITableView

以下主要讲的是通过storyboard上直接对控件进行约束约束,实现方法有很多种,我一般用以下方法实现:

Xcode 9之前

constraint1.png

然后直接在iPhone x上运行,效果图1:


Simulator Screen Shot - iPhone X - 1.png

很显然效果不是我想要的,解决方法看图操作:
双击bottom约束

constraints2.png

Bottom Layout Guide 改成 superView
constraints3.png

再运行结果如图2:


Simulator Screen Shot - iPhone X - 2 .png

完美解决!!!

Xcode9之后

就用Safe Area Layout Guide替代了原来的Top/Bottom Layout Guide,前提是最低支持ios 9版本才能用使用Safe Area Layout Guide.
选中Main.storyboard,然后勾选User Safe Area Layout Guide,就可以将整个storyboard的页面都添加safe area,如下图:

constraints4.png

xcode会自动帮我们转换过来,上面约束图1就变成了以下:

constraints5.png

运行之后会发现效果跟图1是一样,再重得上面的步骤:
双击bottom约束
constraints6.png

Safe Area 改成 superView
constraints7.png

运行效果就跟图2一样啦!

推荐阅读更多精彩内容