IOS自动布局的一些使用

在IOS开发中由于手机屏幕的尺寸不同，要求我们对APP的视图进行适配，这里使用storyboard中的自动布局来对视图进行约束就可以起到相应的作用。

我们在storyboard中拖入一个UIview，如果不对视图进行约束，运行在iPhone6和iPhone4s上视图的大小和位置会发生不同的变化，如下图效果，

        

所以要对视图进行约束来控制它的位置和大小，在下方可以看到当前的屏幕视图适用用anywidth anyhight，就是任何的宽高都能显示。现在点击粉红色视图，对它添加约束条件，首先去掉constrain to margins前面的勾，把上下左右四个值的虚线点击变为实线，填写需要约束的值（相对上下左右最近的边界值），点击add 4 constrains，即可添加约束条件。视图边界上就会出现约束的线条。

         

再次运行程序，在不同的设备模拟器上运行就可以看到约束后的效果。

对视图进行屏幕适配。让它在不同的屏幕上可以显示需要的效果， 

点击下方的anywidth anyhight进行选取修改即可，这里选择的是compact width any hight相当于选择的iPhone屏幕。

选择iPhone的模拟器进行模拟可以看到效果，

而且可以对之前设置的约束进行修改或者添加不同的约束，打开视图层级窗口选择需要修改的约束条件，在右侧窗口可以点击灰色的小加号添加约束。这里在视图的上边界值约束添加了新的约束，选择了compact width any hight，就是让它在iPhone上距离上方边界为200，而在其他上只距离80.

       

效果如下图所示，粉红色视图距离上边界变为了200，

我们还可以对其他视图进行约束条件的实效，就是让它不显示在相应的设备上，这里拖入2个button来进行演示，

可以看到右侧窗口的installed前的勾，就是默认是让视图加载出来的，前方有一个灰色的小勾，点击可以添加约束，使它在某些设备中不显示，这里还是选择compact width any hight，把添加上的约束的install的勾去掉，就是让第一个按钮在iPhone设备中不显示。

     

效果如下图所示，

当然还可以设置视图上的文字在不同屏幕上显示的样式，就是在右侧窗口的font前方小加号点击添加约束即可，这里就没有进行演示了。

自动布局的一些简单使用就介绍到这里，如有错误敬请回复。