關於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 儘可能選擇圖中的方案,選擇完以後就更新該視圖的位置約束

至此咱們就成功的對一個視圖添加約束啦

說明:

邊界約束,是屬於 父視圖上的約束;(依賴於父視圖,父視圖消失,該約束也就消失)

寬高約束,是屬於視圖自己的約束;

如何查看和修改約束?:

你們看圖,就能夠知道如何查看和修改約束的值了。