美文网首页
Storyboard 布局 使用StackView设置控件之间固

Storyboard 布局 使用StackView设置控件之间固

作者: 知交 | 来源:发表于2017-06-16 17:44 被阅读78次

    用Storyboard搭接面,确实比纯代码写要快很多,已经使用了一段时间Storyboard,之前不去用是因为,听大家都说Storyboard不稳定,多人合作不好用,后来因为换了家公司,公司老大就是一直在用Storyboard,于是我也改变了自己的搭建洁面习惯。现在几乎已经代替了我90%左右的代码布局界面。今天终于用一个新的方法代替了我之前布局的本方法,比如要设置几个等高等宽 而且还要等间距的控件布局的时候,我就开始犯难了,之前因为为了赶项目而没有去细琢磨。今天又遇到了,就好好研究了一下,然后就发现了一个非常简便的方法。下面来进行具体介绍。

    我们首先在页面上拖拽1个imageView,将它的宽高都设置成50.


    屏幕快照 2017-06-16 17.29.33.png

    然后再添加三个imageView,将界面上的四个ImageView设置等宽等高。


    屏幕快照 2017-06-16 17.31.37.png

    然后再将他们加入到Stack View中

    WechatIMG3.jpeg

    设置Stack View 的distribution属性为 Equal Spacing(等间距)


    屏幕快照 2017-06-16 17.38.09.png

    设置Stack View 的位置

    屏幕快照 2017-06-16 17.39.11.png 屏幕快照 2017-06-16 17.39.41.png

    然后就ok 了 。是不是快了很多。

    屏幕快照 2017-06-16 17.40.35.png

    不过使用Stack View 需要iOS9.0以后才可以。

    补充:其实利用StackView还可以更简便的设置固定宽高等间距,和固定间距,等宽高的布局方式。设置Stack View 布局和distribution+Spacing属性即可。

    以前懒得写博客,现在发现知识记得有些混乱了,好记性不如烂笔头,以后就尽量多写简书啦!

    相关文章

      网友评论

          本文标题:Storyboard 布局 使用StackView设置控件之间固

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