首页 > 技术文章 > 仅用StoryBoard布局实现按钮的均匀分布

duzhaoquan 2016-10-19 10:14 原文

 今天在做登录界面时设计的需求是,登录和取消按钮左右对称均匀分布,按钮大小不变如图

屏幕宽度变化时按钮宽度不变,三个间距相等并且随屏幕变化而变化,简单的说就是按钮均匀分布,在网上查了一些资料,弄得比较乱,有storyBoard加代码实现的,感觉还得在代码中设置比较麻烦,这里自己想了方法只用storyboard来实现,实现的基本思想

是在按钮色间隔中添加参考视图让它们水平宽度相等.具体做法如下:

1.给每个间隔添加一个参考视图,添加约束:高度随意固定,宽度相等,竖直位置与按钮相同

2.添加约束, 间隔视图左右距离相应的视图都为零

 

 

3.隐藏参考视图,搞定.

 

总结:storyboard中若要让某些距离相等可以添加一个辅助视图试之宽或者高相等.

 

推荐阅读