美文网首页
iOS storyboard 中设置三个按钮三等分屏幕宽度的约束

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

作者: fengyingjk | 来源:发表于2016-11-23 23:25 被阅读0次

    在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 不久)

    相关文章

      网友评论

          本文标题:iOS storyboard 中设置三个按钮三等分屏幕宽度的约束

          本文链接:https://www.haomeiwen.com/subject/xlavpttx.html