天天看点

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

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

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

iOS XCode storyboard 设置控件三等分屏幕的约束添加

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

原文链接:http://www.jianshu.com/p/62d7ec1c794b