1. 在前幾節(jié)課程中缚陷,您是對單個視圖添加約束關(guān)系的适篙。本節(jié)課將為您演示,如何通過組的概念箫爷,同時對多個視圖添加相同的約束關(guān)系嚷节。
2. 打開視圖控制器的類文件后,開始編寫代碼虎锚,演示約束組的使用硫痰。
3. 首先在當前的類文件中,引入已經(jīng)安裝的第三方類庫窜护。
6. 首先初始化一個指定顯示區(qū)域的視圖對象税娜,作為其它子視圖的父視圖坐搔。
9. 創(chuàng)建兩個浮點常量概行,分別表示視圖之間的距離,和視圖的尺寸弧岳。接著初始化一個顏色數(shù)組凳忙,作為四個視圖的背景顏色。
11. 根據(jù)循環(huán)的索引涧卵,從顏色數(shù)組中,獲得對應(yīng)的元素腹尖,作為視圖的背景顏色柳恐。并將視圖對象添加到父視圖。
13. 同樣根據(jù)循環(huán)的索引乐设,從顏色數(shù)組中讼庇,獲得對應(yīng)的元素,作為視圖的背景顏色近尚。并將視圖對象添加到父視圖蠕啄。
14. 接著初始化第三個子視圖對象,設(shè)置背景顏色戈锻,并添加到父視圖歼跟。
15. 通過調(diào)用父視圖的居中方法,將指定的三個視圖舶沛,約束在水平方向上的中心位置嘹承,同時設(shè)置子視圖的尺寸和間距。
16. 在視圖加載完成的方法中如庭,調(diào)用我們剛剛創(chuàng)建的約束組的示例方法叹卷。接著點擊左上角的[編譯并運行]按鈕,啟動模擬器預覽項目坪它。
17. 模擬器啟動后骤竹,在灰色視圖中顯示了三個子視圖,它們被約束在水平居中的位置往毡。點擊此處的[停止]按鈕蒙揣,關(guān)閉模擬器。
19. 通過調(diào)用父視圖的居中方法懒震,將指定的三個視圖,約束在垂直方向上的中心位置嗤详,同時設(shè)置子視圖的尺寸和間距个扰。接著再次啟動模擬器,預覽項目葱色。
20. 模擬器啟動后递宅,灰色視圖的三個子視圖,被約束在垂直居中的位置苍狰。點擊此處的[停止]按鈕办龄,關(guān)閉模擬器。
22. 通過調(diào)用父視圖的組居中并貼近邊緣的方法俐填,將指定的三個視圖,約束在水平方向上的居左的位置翔忽。接著再次啟動模擬器玷禽,預覽項目赫段。
23. 模擬器啟動后,灰色視圖的三個子視圖矢赁,被約束在水平居左的位置糯笙。點擊此處的[停止]按鈕,關(guān)閉模擬器撩银。
24. 修改此處的方法给涕,將子視圖成組,并在垂直方向上填充父視圖额获。
25. 接著點擊左上角的[編譯并運行]按鈕够庙,啟動模擬器預覽項目。
26. 模擬器啟動后抄邀,灰色視圖的三個子視圖耘眨,在垂直方向上填充了父視圖。最后點擊此處的[停止]按鈕境肾,關(guān)閉模擬器并結(jié)束本節(jié)課程剔难。
本文整理自:《app開發(fā)中的神兵利器》,真正的[手把手]教學模式奥喻,用最快的速度上手iOS開發(fā)偶宫,蘋果商店App Store免費下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁底部的二維碼环鲤。課程配套素材下載地址:資料下載