美文网首页
屏幕上UIButton等分约束的几种方式

屏幕上UIButton等分约束的几种方式

作者: 黄晓坚 | 来源:发表于2022-09-19 11:46 被阅读0次

    在storyboard中想要UIButton在屏幕上分成若干等分约束的几种方式
    效果如下:


    Xnip2022-09-19_11-22-37.jpg

    1.方式一: 直接给UIButton添加约束

     1.1 给第一个button添加上下左右均为0的约束
    
    Xnip2022-09-19_11-27-35.jpg
    1.2.1选中第二个button拖动到第一个button上选择等高等宽  
    
    Xnip2022-09-19_11-31-51.jpg
     1.2.2给第二个Button添加右边和下边均为0的约束
    
    Xnip2022-09-19_11-32-46.jpg
    2.0 后面需要添加的Button的约束添加按照添加第二个button的方式 重复添加即可,添加完更新约束就可以.

    2.方式二: 利用Horizontal Stack View

    Xnip2022-09-19_11-38-33.jpg
        2.1.0 直接在StoryBoard中拖Horizontal Stack View到界面中,并设置好约束
    
    Xnip2022-09-19_11-42-02.jpg
        2.1.1 将需要的Button拖到Stack View中即可,拖动到Stack View中系统自动会分配约束
    
    Xnip2022-09-19_11-43-44.jpg

    以上两种方式都是简单的且固定的分配,如果涉及到滑动,则需要搭配Scroll View进行.

    相关文章

      网友评论

          本文标题:屏幕上UIButton等分约束的几种方式

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