用autolyout实现子视图对齐等宽排列

最终效果

实现效果

IB中实现

组成部分

其实&＃xff0c;要让三个button三等分&＃xff0c;那么一定要找一个view作为参考&＃xff0c;所以我在底部加了一个bottomLine&＃xff08;距离左边0&＃xff0c;距离右边40&＃xff0c;距离底部0&＃xff0c;高度为1&＃xff09;&＃xff0c;重要的是&＃xff0c;我设置为隐藏。那么&＃xff0c;分别让每个button等于bottomLine的三分之一&＃xff0c;那么就等分了。

三分之一的约束

当然&＃xff0c;三分之一的约束只是约束了每一个button的宽度&＃xff0c;位置、高度&＃xff0c;还要另外针对每一个设置&＃xff0c;比如最左边的上架时间&＃xff08;约束&＃xff1a;距离左边0&＃xff0c;距离顶部0&＃xff0c;距离底部0&＃xff09;&＃xff0c;其它同理之。

最后&＃xff0c;三条竖线&＃xff0c;位置分别距离左边button为0&＃xff0c;顶部、底部留距离&＃xff0c;宽度设置为1&＃xff0c;设置一个灰色背影就行。

三条竖线约束

用代码实现约束

有了上面的思路&＃xff0c;用代码实现应该也是一样的&＃xff0c;用Masonry来写约束吧&＃xff0c;代码就不写了&＃xff08;Swift还在学&＃xff0c;不敢教&＃xff09;。

• 如果有什么疑问&＃xff0c;可以在评论区一起讨论&＃xff1b;
• 如果有什么不正确的地方&＃xff0c;欢迎指导&＃xff01;

注&＃xff1a;本文首发于 iHTCboy&＃39;s blog&＃xff0c;如若转载&＃xff0c;请注明来源。