6.7 通過group命令實現(xiàn)對多個視圖的統(tǒng)一約束 [iOS開發(fā)中的神兵利器]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

21. 繼續(xù)修改此處的方法。

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

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

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

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

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

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

apps8 2.png
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容