Swift4-有妖气漫画精仿选用Snapkit布局界面

Swift4-有妖气漫画精仿选用Snapkit布局界面

作为iOS开发,我们知道的会有很多布局界面的方式
比如Frame,比如xib,storyboard手动拉取约束,比如手写约束
这些在我们升级到iOS11之前都很少会有问题,乃至升级至iOS11也仍然实用
但是我们会发现由于新的手机iPhone X的出现,我们的适配需要考虑到顶部的齐刘海,我们的适配需要考虑到底部的滑动区.
为什么这么说?
比如我们是视频,比如我们是小说,比如我们是漫画等原来全屏浏览的APP,我们在遇到iPhone X的时候,我们会发现,我们无法完全浏览全部我们想要看到的内容,特别是顶部齐刘海部分,因此,我们需要针对其做适配,是否留出来不显示,
为此,我们不得不在每个页面做判断.这样很麻烦
于是,如果我们再继续使用之前的frame做判断,我们会发现变得很麻烦,需要判断屏幕的大小,需要减去固定的大小,需要….
无论是绝对的frame还是相对的frame计算,我们都会发现,整个项目写下去,基本上的时间都在布局界面上面了
那么选用xib或者storyboard来说,手动拉动约束,相对来说会好点,因为依据约束我们会比较容易布局
但是因为一个iOS11,多出来一个safeArea的概念
对于此,大家可以看看bugly的博客
iOS 11 安全区域适配总结

对比文档 我们可以看到这些

那么再用手动拉约束的话,你会发现同一个约束你甚至不知道如何添加.

所以还是推荐手动写约束,当然我不会推荐NSLayoutConstraint 那么复杂的书写模式

相对于OC的Msonary,Swift也有一个比较实用的第三方,Snapkit,这里我推荐实用的原因很简单,1.简化手写约束的代码,2.方式类似OC的Msonary,方便大家转移,3.可以很容易的适配不同版本的约束,
基础一点的,我们可以使用普通的约束

contentView.addSubview(iconView)
        iconView