要求:

对父控件上的几个 button等大小,等间距布局.button等宽高.

思路:

  1 . button的宽高设置Aspect Ratio 属性比例为1:1 .保证 button 的款宽高相等. 

  2. 先设置好一个 button 的约束 (这里从左到右), 依次对其余的 button 添加与第一个相同的约束, 同时添加与前一个控件的左间距.

  3 . 设置最后一个 button 的约束,大小,上左间距与前面的相同, 只是要给他添加一个右间距约束.

4. 更新一下子控件约束,效果实现.

操作:

  1 . 父控件上有3个 button, 从左向右开始添加约束 ,先添加第一个 button的基本约束,不要添加宽高!

添加基本约束

2 . 对第一个 button 的大小加约束, 不要写死, 添加比例约束

添加大小约束

然后设置比例为1 : 1

比例设置

2. 第一个 button 约束已经结束,对第二个 button 添加约束,以第一个 button 为标准,等宽高, top 相同就好, 再添加一个间距 (这里我给了一个5的间距)

添加第二个 button的约束

在这里设置一下他的左间距

设置左间距

3 . 给最后一个button 添加约束, 大小, top, 左间距都和第二个设置的一样,只是再添加一个右间距

给最后一个 button 添加右间距

4  更新一下约束就完成, 这样每一 button 的大小一致, 间距相同, 全为正方形

---

这里给我了一些思路

还有也可以使用新空间StackView也不错,这个练练手也挺好