在這里，我將在Storyboard里使用Autolayout對(duì)scrollView實(shí)現(xiàn)自動(dòng)布局！
我們要實(shí)現(xiàn)如圖界面：
其中：
2的寬度是屏幕寬度的0.625
3、4的寬度是屏幕的0.3，他們之間的距離位屏幕寬度的0.1
別問為什么要用這幾個(gè)數(shù)字，他們方便而已。。。你也可以試試其他的
1.首先我們創(chuàng)建一個(gè)工程在viewcontroller里面添加一個(gè)scrollView并設(shè)置以下約束：
*** 注意：最好不要勾選Constrain to margins *** 然后更新一下Frame(快捷鍵 command + option + =)
2.將ViewConteoller的size設(shè)置成Freeform,并將高度搞到800來，再更新以下scrollview的frame, 然后 添加5個(gè)Label 1\2\3\4\5,這里會(huì)報(bào)紅，別管他
3.現(xiàn)在我們?cè)O(shè)置1的約束，沒什么說的，就是上左右再加上高度，在設(shè)置它居中：如圖：
4.現(xiàn)在設(shè)置2的約束
- 按住ctrl點(diǎn)中2往父視圖上拖，松手選擇Equal Width,然后點(diǎn)擊該約束，在右側(cè)修改其屬性：如圖
- 在將2的寬高調(diào)成1：1
- 最后，將它居中OK
- 現(xiàn)在將3，4的約束設(shè)置好就差不錯(cuò)了
- 將3、4的寬高比設(shè)成1：1，即相等
- 將3、4的寬度設(shè)成屏寬的0.3倍，參考2的設(shè)置
- 修改3的Leading（左邊距）,設(shè)置成如圖：
-
將4的Trailing（右邊距）設(shè)置成如圖：
先將Fist item 與 second item調(diào)換（下拉Fist item的下拉框，選中最后一個(gè)選項(xiàng)） ，變成如圖，在設(shè)置
1.png - 將3、4 top bottom 約束設(shè)置好，ok
6.將5的約束 居中、寬、高設(shè)置好，OK ，大工告成！
Demo下載
這里還有一個(gè)關(guān)于TableViewCell高度自動(dòng)布局的Demo,暫時(shí)沒時(shí)間寫文章，有興趣的可以去看看，很簡單的！
寫的比較匆忙，望見諒。。。
