Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局

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

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


Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局_第1张图片
屏幕快照 2017-06-16 17.29.33.png

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


Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局_第2张图片
屏幕快照 2017-06-16 17.31.37.png

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

Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局_第3张图片
WechatIMG3.jpeg

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


Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局_第4张图片
屏幕快照 2017-06-16 17.38.09.png

设置Stack View 的位置

Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局_第5张图片
屏幕快照 2017-06-16 17.39.11.png
Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局_第6张图片
屏幕快照 2017-06-16 17.39.41.png

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

Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局_第7张图片
屏幕快照 2017-06-16 17.40.35.png

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

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

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

你可能感兴趣的:(Storyboard 布局 使用StackView设置控件之间固定宽高等间距布局)