如何用xib的autolayout来实现连个view等宽高

1.Question

如题，如果我想实现两个view等宽高，而且只想用xib的autolayout怎么办？

题目

注意看上图，两个button之间是有一个大约2的间距的，好了这就是题目，怎么解？

2.Answer

2.1 首先，我们先用鼠标右键按住左边的button然后拖一根线到右边button，然后设置Equal Widths，再拖一次实现Equal Heights。最后再来一次，实现Aspect Ratio。讲解下这三次拖拽的意义：

• 第一次是实现等宽
• 第二次实现等高
• 第三次是让两个button实现同比缩放

2.2 然后，我们再右键安装左边button，拉一根线在这个button内部松手，然后设置Aspect Ratio。这个操作的目的是让这个button自身等比例缩放，对右边button同样操作。

2.3 最后，我们要做的就是设置两个button之间的间距，以及两个view对父view的间距设置了。也很简单，以左边button为例，设置上左右间距，然后锁定button的高度。最后这个锁定button高度的意义我解释一下。因为我们现在设置的都是等比例缩放，但是button的高度没有一个参照物，所以我为了简单，就直接把左边button的高度锁死了。如果要更规范一点，那就拉一根线到父view，让左边button和父view形成等比例缩放，再设置他们直接的比例，就能让button随着父view缩放了。而右边button不需要锁死高度，因为它和左边的button已经设置了Equal heights。

3.结语

这只是autolayout的一个简单使用，之前已经很熟练了，今天发现竟然搞了好一会才弄好，学习是精于勤啊。