最近在写UI的时候发现有些自动布局的东西忘记了，所以决定记录总结一下，而且发现VFL是一个很好用的东西，强烈推荐大家使用。
自动布局的流程
这个图可以看出布局引擎是一个黑盒，我们的视图，属性，约束，本身宽高输入到引擎当中最后实现成我们的想要的样式。
这张图描述了布局的具体的三个流程，第一步是更新约束，第二步是更新layout，第三部是显示。这张图我们可以看出一个问题，layout的数据都来自自动布局的数据，如果混合使用手动布局和自动布局，可能会出现一些奇奇怪怪得问题，比如兄弟节点中设置了手动布局，其他兄弟节点的约束可能就可能会出错，因为设置了手动布局的兄弟节点找不到约束条件。
LayoutEngine的属性
这张图展示了LayoutEngine的大部分属性，后续我们在自动布局当中需要设置我们需要的属性。
自动布局重要参数
1.translatesAutoresizingMaskIntoConstraints
如果要使用自动布局，这个属性一定要设置为false，不转换AutosizeMask 到约束，经常由于调试了半天，发现一直不对，结果这个变量没有设置。
官方文档介绍：
https://developer.apple.com/documentation/uikit/uiview/1622572-translatesautoresizingmaskintoco
2. intrinsicContentSize
这个属性表示组件固有大小，常见的UILabel，UIImage，UIButton都能够根据内容自动填充大小，其他UI组件不是自动填充，所以如果我们需要用到其他UI组件可以重写这个属性，设置组件大小。
3.contentHugging
内容拥抱属性表示假如父容器有多余的空间，内容拥抱优先级越小的暂用的父容器的空间越大，即是否暂用父容器多余的空间。
4.setContentCompression
内容压缩属性表示当父容器没有多余的空间显示孩子节点，内容压缩阻力优先级越大的越抗压缩，内容压缩阻力优先级越小的被挤压的越厉害。
举个