假如我有这样一行内容，前面是描述，后面是内容，我们规定了它们各自离开屏幕两个边的距离。但是我们并不是十分关心它们之间的距离，所以我们可以不设置它们之间的约束，让他们根据显示的内容自动调整好了。然而，当后面这个交易编号变的特别长的时候，就会出现文字叠加的情况。所以为了保证它们不重叠，我们还是需要在他们之间设置一个约束，如规定它们的距离必须大于等于10。这样大多数情况下能保证这两个label还是能自由伸缩，而且不会出现重叠的情况。当编号变的特别长时可以触发新的适配机制，如让编号的字体缩小，而不是直接重叠到前面的标题上去。

　　Auotresizing

　　不得不承认的是，有时候设置约束是一件很麻烦的事情，特别是你面对的是复杂的界面的时候，而有时候，你还没想好要设置成怎么样，只是想先试试。这时候你就可以试试苹果推出的新功能，前提是你要把你的Xcode 升级到8.0以上。

　　这个功能就是Auotresizing，它让你不设置约束就能快速验证你的想法。它使用起来也非常简单，在选中你要设置的视图的前提下，当你选择左边栏中的标尺icon 后就能看到Auotresizing功能了。

　　能看到中间的正方形四周有四个约束，atv，虚线状态下表示这个约束没有添加，当你点一下后，它就会变成实线，表示已经添加上了，而中间的两个带有箭头的虚线则代表是否允许伸缩。默认是不允许的，如果你点击宽度方向的以后，这条线就变成了实线，表示宽度方向是可以自由伸缩的。边上还会有一个小动画来告诉你这些视图会怎么变。有兴趣的可以去尝试一下。

　　到这里，这个系列的文章就算结束了。当然我这个系列的文章里不可能提到所有和AutoLayout的知识。很多人看完以后可能也就忘了如何去添加约束，但是我觉我写这个系列的文章，最大的目的不是让你看完以后能像程序员一样去开发自己设计的页面了，而是让你了解这种相对布局的思想。希望看完这一系列文章后，当你再次看设计稿时，能有一种新的视角。

　　本文作者：董浩龙（点融黑帮），来自点融设计中心（DDC），是一名交互设计师，现在主要在做动效和原型，有空会学习代码，了解页面实现的原理。