1. 在前幾節課程中,您是對單個視圖添加約束關系的。本節課將為您演示,如何通過組的概念,同時對多個視圖添加相同的約束關系。
2. 打開視圖控制器的類文件后,開始編寫代碼,演示約束組的使用。
6. 首先初始化一個指定顯示區域的視圖對象,作為其它子視圖的父視圖。
9. 創建兩個浮點常量,分別表示視圖之間的距離,和視圖的尺寸。接著初始化一個顏色數組,作為四個視圖的背景顏色。
11. 根據循環的索引,從顏色數組中,獲得對應的元素,作為視圖的背景顏色。并將視圖對象添加到父視圖。
13. 同樣根據循環的索引,從顏色數組中,獲得對應的元素,作為視圖的背景顏色。并將視圖對象添加到父視圖。
14. 接著初始化第三個子視圖對象,設置背景顏色,并添加到父視圖。
15. 通過調用父視圖的居中方法,將指定的三個視圖,約束在水平方向上的中心位置,同時設置子視圖的尺寸和間距。
16. 在視圖加載完成的方法中,調用我們剛剛創建的約束組的示例方法。接著點擊左上角的[編譯并運行]按鈕,啟動模擬器預覽項目。
17. 模擬器啟動后,在灰色視圖中顯示了三個子視圖,它們被約束在水平居中的位置。點擊此處的[停止]按鈕,關閉模擬器。
19. 通過調用父視圖的居中方法,將指定的三個視圖,約束在垂直方向上的中心位置,同時設置子視圖的尺寸和間距。接著再次啟動模擬器,預覽項目。
20. 模擬器啟動后,灰色視圖的三個子視圖,被約束在垂直居中的位置。點擊此處的[停止]按鈕,關閉模擬器。
22. 通過調用父視圖的組居中并貼近邊緣的方法,將指定的三個視圖,約束在水平方向上的居左的位置。接著再次啟動模擬器,預覽項目。
23. 模擬器啟動后,灰色視圖的三個子視圖,被約束在水平居左的位置。點擊此處的[停止]按鈕,關閉模擬器。
24. 修改此處的方法,將子視圖成組,并在垂直方向上填充父視圖。
25. 接著點擊左上角的[編譯并運行]按鈕,啟動模擬器預覽項目。
26. 模擬器啟動后,灰色視圖的三個子視圖,在垂直方向上填充了父視圖。最后點擊此處的[停止]按鈕,關閉模擬器并結束本節課程。
本文整理自:《app開發中的神兵利器》,真正的[手把手]教學模式,用最快的速度上手iOS開發,蘋果商店App Store免費下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁底部的二維碼。課程配套素材下載地址:資料下載