要求:
对父控件上的几个 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也不错,这个练练手也挺好