关于用SB自动布局,我觉得我算还是比较幸运的。网上关于SB自动布局的资料也是比较少。为什么说我比较幸运呢,以前在某坑人的培训机构培训。遇到一群垃圾,这都是后话,不想多说。只是想跟很多有跟我一样喜欢编程的朋友,提个醒。选培训机构要慎重。现在来说说今天我想说的重点,storyboard的自动布局。

首先打开storyboard,

当然我这里用的是Xib,不过没关系,都是一样的布局。我在这里拖入了一些空间

他们的层级关系我想如果动一点编程的人都知道,这里我也不做复述。一下讲的内容只要你知道我的层级关系,照着自己去实现应该不难。

接下来要将一下这几个自动布局的属性

上面那张图的margin,当你勾选的时候左右边距的0 会变化。如果你有手机的话,可以看看你的手机是不是左右两边有个黑边,这个边距就是指的这个。

说到这里还有一个比较重要的就是那两个灰色的EqualWidthEqualHeights这两个在这里是默认是不能选的,那什么时候能选呢?它又有什么作用?请继续往下看。

我的这两个按钮,是会跟着屏幕变化大小的。如果你自己试过去布置这个布局,不会发现对于这两个控件有点麻烦,在上面所讲的那些,他就只能固定他的上边距,下边距,和左边距。这三个是不足以固定“取消”按钮的位置的,那怎么办?

这时,你选中“取消”按住control,连线到“确定”就会弹出下面的框

这里就可以设置这个Equal widths了。设置了这个你就会发现。这两个控件位置似乎就固定了。对的。这个Equal widths表示的就是,会同时改变两个控件的宽。那两个控件之间的距离不就是固定了嘛。

 

上面这些就是水平居中和垂直居中了。我的BackVView就是设置了水平居中和垂直居中的,这表示不管我View相对于整个xib都是居中的,位置不在改变。

其他的灰色建也都可以按我上面的做法去试试。

 

本文纯手工,有不足之处还望各位多指教,新人多照顾。