关于ios的autoLayout的一些简单介绍以及使用方法 (2)

看下图,使用storyboard建立的两个控件视图:

上图中的四个圆角框内的距离值,就是约束;

好比上图的第二个视图,他的 约束是:  距离 view左边,右边界的距离,这样就肯定了 宽度和水平方向上的位置,还有距离上面(第一个)视图的距离,还有高,这样就肯定了 视图的高度和y轴的位置;这样就能够在一个二维空间(屏幕)中惟一的肯定这个视图的位置了;

可是,须要注意的,在添加距离上一个视图下边界的约束时,第一个视图的位置必定要肯定,不然 第二个视图的位置可能就是不在合适的位置了.

如何添加约束呢?很少说了直接上图:

选中一个视图以后,点击图中右下角第二个按钮便可对该视图添加约束;

如上图,添加的约束是 :距离左右边界距离 ,上边界距离上面的视图距离,高度约束;

添加完成回车,或Add 便可;

上图说明:

1.必定要先选择一个或多个边界值完成 以后再改变其值,不然可能会致使,你修改值以后再选择其余约束时,你改变的值又死灰复燃;

2.四个约束便可肯定视图的位置,尽可能不要重复添加,更不能冲突

3.constrain to margin 前面的钩钩去掉,不然会在 视图的左右边界留出空白区域

4.Equal Width等宽,Equal Heights等高, 也就是视图之间能够添加等宽等高的约束,A的高度能够等于B的高度

5.Aspect Ratio,但愿保持的比例,好比你想尽可能保持长款比为1:1能够勾选此项;与此对应的有等比缩放,后面会讲到,是如今ios布局解决方案之一

6.Align 预留的边界

7.Update Frames 尽可能选择图中的方案,选择完以后就更新该视图的位置约束

至此咱们就成功的对一个视图添加约束啦

说明:

边界约束,是属于 父视图上的约束;(依赖于父视图,父视图消失,该约束也就消失)

宽高约束,是属于视图自己的约束;

如何查看和修改约束?:

你们看图,就能够知道如何查看和修改约束的值了。