iOS storyboard 中设置三个按钮三等分屏幕宽度的约束

2016-11-23  本文已影响0人  fengyingjk

在storyboard中需要设置按钮三等分屏幕宽度的步骤如下:

1.首先我们需要先拖拽三个button到storyboard中,同时给每个button添加不同的背景色以便于区分:

2.拖拽好button后,我们就可以开始添加相关的约束了。首先添加cyan按钮的约束,先选中cyan按钮,然后添加如下的约束,距左10、距下200、高度30:

3.添加完cyan按钮的约束后,开始添加green按钮的约束,添加的约束为(距左10、距右10):

4.添加完green按钮的约束后,开始添加yellow按钮的约束,添加的约束为(距右10):

5.按住command键选中三个按钮,然后添加对齐(选择“vertical centers”):

6.选中三种按钮不变,继续添加等宽(equal width)和等高(equal height)约束:

7.到此所有的约束添加完毕,更新约束就可以了。

以上仅供参考,添加约束的顺序可以打乱,只要所有的约束添加齐全即可。

如有错误请指出,一起交流和学习。(本人也是刚学 iOS 不久)

上一篇下一篇

猜你喜欢

热点阅读