［相關(guān)信息：Xcode7.2 ; Swift2.0］
先回顧一下效果圖
看起來還不錯的設(shè)計圖
之前我們完成了Scroll View和內(nèi)容View的嵌套，那接下來就是要在View里面放置各個零散的控件了。
首先需要考慮下怎么放置第一排的五個圖標(biāo)击孩。
- 圖標(biāo)之間的間隔要相等
- 橫豎屏切換的時候根據(jù) X 軸的寬度來移動重排圖標(biāo)
首先我想到的是把它們的距離約束設(shè)置成一樣，這樣橫屏的時候應(yīng)該就會自動等距重排了蟆盐，撒～ try,try 看：
添加按鈕历筝，設(shè)置約束
添加完了脓鹃，讓我們來運行下看看吧 (Command+R)
運行APP看看效果如何
既然出現(xiàn)的效果是最后一個通過增加寬度來適應(yīng)約束，那我們就把5個按鈕的寬度設(shè)置成一樣看看
為5個按鈕添加寬度相等的約束
然后我們來看看運行時的效果
運行APP看看效果如何
我們不想讓它寬度發(fā)生變化，那我們就把它的寬度定死袜香，為每個按鈕添加寬度高度約束
為每個按鈕添加寬度高度約束
然后我們來看看運行時的效果
運行APP看看效果如何
。
疾就。
澜术。
之后我嘗試了各種方法，這種形勢好像走不通猬腰，沒辦法鸟废，只好換一種辦法了。(如果有人這條路能走通姑荷，真心求教盒延！)
好，那我們來接著試另外一種方法鼠冕，首先把原先5個按鈕的約束都刪除掉添寺，按鈕的大小約束不用刪，然后...看圖操作
刪除上一次遺留的約束懈费，拖入View并設(shè)置名稱计露，最后將button拖入各個View
設(shè)置完以后是這樣的
然后為5個View設(shè)定約束
為5個View添加約束
為View分別添加間距約束
注意：約束添加以后是為兩個控件添加了一個約束，兩個控件共有一個約束憎乙，所以要避免重復(fù)添加約束
好票罐，接下來我們來看看運行的效果 (Command+R)
運行效果
看到這個效果就知道，我們已經(jīng)成功一半了泞边，剩下的就是稍作調(diào)整就完成了该押。
接下來我們繼續(xù)調(diào)整
設(shè)置每個Button和它的容器水平居中對齊，垂直頂部對齊
設(shè)置5個View垂直頂部對齊
為第一個View(Type1)添加距離父容器頂部為0的約束
紅色箭頭的提示消失以后阵谚，我們再來運行下看看效果 (Command+R)
14.png
成功了有沒有２侠瘛！收工～
