版本記錄
| 版本號 | 時間 |
|---|---|
| V1.0 | 2018.04.14 |
前言
iOS中的視圖加載可以有兩種方式，一種是通過xib加載，另外一種就是通過純代碼加載。它們各有優點和好處，xib比較直觀簡單，代碼比較靈活但是看著很多很亂，上一家公司主要風格就是用純代碼，這一家用的就是xib用的比較多。這幾篇我們就詳細的介紹一個xib相關知識。感興趣的可以看上面寫的幾篇。
1. xib相關（一） —— 基本知識（一）
2. xib相關（二） —— 文件沖突問題（一）
3. xib相關（三） —— xib右側標簽介紹（一）
4. xib相關（四） —— 連線問題（一）
約束界面
首先我們在xib中拖進去一個View，并且設置背景色為紅色，如下圖所示。
我們要對View進行約束，就在下面幾個圖標志進行約束。
接下來我們就介紹這幾個圖。
第一個圖標
下面看一下第一個圖標。
這是xcode7在iOS9中新加入的功能——stack view，相當于一個容器view用來統一管理他所有subView的約束，其實普通的UIView也可以作為容器view來管理其subView的約束，我們之前做復雜UI顯示邏輯的時候往往也會放一個背景的容器view，stack view就是起到這個作用，意義不是很大，它做的事情UIView也可以做，
- 優點：可以通過設置屬性的方式讓系統自動添加對其subView的約束，而且該view是不渲染在頁面上的，對它設置背景色等屬性是無效的。
第二個圖標
下面看一下第二個圖標。
點開以后是這樣的。
首先說明一下從上到下的選項的作用：
- 左邊對齊
- 尾部對齊
- 頂部對齊
- 底部對齊
- 水平居中
- 垂直居中
- 基線
- 容器中水平居中
- 容器中垂直居中
該圖標用的最多的情況就是同時選中兩個控件的時候，設置它們的位置關系，比如頂部相等或者底部相等。
設置的時候用兩個方法：
- 選中一個控件，按住control拖動到另外一個控件，就會彈出對話框，設置和另外一個對話框的位置關系。
- 按住command同時選中兩個控件，然后在上面的第二個標簽對話框里進行點擊和選擇，這個時候由于同時選中了兩個控件，上面的灰色不能點擊的部分都可以點擊了。
第三個圖標
下面看一下第三個圖標。
點擊看一下對話框
在這里可以設置距離最近的左邊、右邊、上邊和下邊的邊距，還有可以設置高度、寬度。在這里如果同時選中兩個控件，那么就可以設置等寬等高等屬性。
-
Aspect Ratio：是設置自身的寬高比的 -
Constrain to margins：當拖動一個控件到另一個控件里時，作為super的控件會有幾條參考線，比如下面的藍色線。若勾選Constrain to margins，則實際super與sub之間的參考邊緣就是這些參考線，而不是實際的super的frame的邊緣，如果我們不勾選的話就是以frame的邊緣為參考。
第四個圖標
下面看一下第四個圖標
看一下對話框
這里用的比較多得是Clear Constraints，上面是清除選中的視圖約束，下面是清除所有視圖的約束。
后記
本篇主要介紹了利用layout進行約束的部分，感興趣的給個贊或者關注~~~~
