6.7 通過group命令實現對多個視圖的統一約束 [iOS開發中的神兵利器]

1. 在前幾節課程中,您是對單個視圖添加約束關系的。本節課將為您演示,如何通過組的概念,同時對多個視圖添加相同的約束關系。

2. 打開視圖控制器的類文件后,開始編寫代碼,演示約束組的使用。

3. 首先在當前的類文件中,引入已經安裝的第三方類庫。

4. 接著添加一個視圖變量,作為類的一個屬性。

5. 添加一個方法,用來演示組的使用。

6. 首先初始化一個指定顯示區域的視圖對象,作為其它子視圖的父視圖。

7. 設置視圖對象的背景顏色為淺灰色。

8. 將視圖對象添加到根視圖。

9. 創建兩個浮點常量,分別表示視圖之間的距離,和視圖的尺寸。接著初始化一個顏色數組,作為四個視圖的背景顏色。

10. 初始化一個視圖對象。

11. 根據循環的索引,從顏色數組中,獲得對應的元素,作為視圖的背景顏色。并將視圖對象添加到父視圖。

12. 初始化另一個視圖對象。

13. 同樣根據循環的索引,從顏色數組中,獲得對應的元素,作為視圖的背景顏色。并將視圖對象添加到父視圖。

14. 接著初始化第三個子視圖對象,設置背景顏色,并添加到父視圖。

15. 通過調用父視圖的居中方法,將指定的三個視圖,約束在水平方向上的中心位置,同時設置子視圖的尺寸和間距。

16. 在視圖加載完成的方法中,調用我們剛剛創建的約束組的示例方法。接著點擊左上角的[編譯并運行]按鈕,啟動模擬器預覽項目。

17. 模擬器啟動后,在灰色視圖中顯示了三個子視圖,它們被約束在水平居中的位置。點擊此處的[停止]按鈕,關閉模擬器。

18. 接著修改此處的方法。

19. 通過調用父視圖的居中方法,將指定的三個視圖,約束在垂直方向上的中心位置,同時設置子視圖的尺寸和間距。接著再次啟動模擬器,預覽項目。

20. 模擬器啟動后,灰色視圖的三個子視圖,被約束在垂直居中的位置。點擊此處的[停止]按鈕,關閉模擬器。

21. 繼續修改此處的方法。

22. 通過調用父視圖的組居中并貼近邊緣的方法,將指定的三個視圖,約束在水平方向上的居左的位置。接著再次啟動模擬器,預覽項目。

23. 模擬器啟動后,灰色視圖的三個子視圖,被約束在水平居左的位置。點擊此處的[停止]按鈕,關閉模擬器。

24. 修改此處的方法,將子視圖成組,并在垂直方向上填充父視圖。

25. 接著點擊左上角的[編譯并運行]按鈕,啟動模擬器預覽項目。

26. 模擬器啟動后,灰色視圖的三個子視圖,在垂直方向上填充了父視圖。最后點擊此處的[停止]按鈕,關閉模擬器并結束本節課程。

本文整理自:《app開發中的神兵利器》,真正的[手把手]教學模式,用最快的速度上手iOS開發,蘋果商店App Store免費下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁底部的二維碼。課程配套素材下載地址:資料下載

apps8 2.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容