1. 本節(jié)課將為您演示宴胧,如何進(jìn)行視圖對(duì)象的相對(duì)約束漱抓。首先在左側(cè)的項(xiàng)目導(dǎo)航區(qū),打開視圖控制器的代碼文件恕齐。
2. 接著開始編寫代碼辽旋,設(shè)置在視圖對(duì)象之間的,尺寸和位置上的約束關(guān)系。
3. 在當(dāng)前的類文件中补胚,引入已經(jīng)安裝的第三方類庫码耐。
4. 然后初始化一個(gè)布爾變量,用來標(biāo)識(shí)是否已經(jīng)給視圖對(duì)象添加了約束關(guān)系溶其。
5. 添加一個(gè)視圖常量骚腥,作為當(dāng)前類的一個(gè)屬性。
7. 設(shè)置視圖的背景顏色為黑色束铭,然后返回設(shè)置好的視圖。
8. 接著添加另一個(gè)屬性厢绝,該屬性是一個(gè)紅色的視圖對(duì)象契沫。
9. 使用相同的方式,添加第三個(gè)黃色的視圖對(duì)象昔汉。
10. 添加第四個(gè)藍(lán)色的視圖對(duì)象懈万。
12. 依次將五個(gè)視圖對(duì)象靶病,添加到視圖控制器的根視圖会通。
13. 接著執(zhí)行根視圖對(duì)象的約束刷新的動(dòng)作。
14. 添加一個(gè)方法娄周,用來刷新視圖的約束關(guān)系涕侈。
15. 當(dāng)還沒有給視圖對(duì)象添加約束時(shí),給五個(gè)視圖添加約束關(guān)系煤辨。
18. 并且限制黑色視圖的寬度和高度众辨,將它們始終保持為100端三。
20. 將紅色視圖的頂點(diǎn)泻轰,約束在黑色視圖的底邊技肩,并保持20點(diǎn)的距離且轨。
21. 將紅色視圖的右邊浮声,約束在黑色視圖的左邊,并保持-20點(diǎn)的距離旋奢。
24. 將黃色視圖的頂點(diǎn)屉符,約束在黑色視圖的底邊,并保持20點(diǎn)的距離。
25. 將紅色視圖的左邊矗钟,約束在黑色視圖的右邊唆香,并保持20點(diǎn)的距離。
26. 同樣約束黃色視圖的尺寸吨艇,將它們始終保持為100躬它。
28. 將藍(lán)色視圖的底邊东涡,約束在黑色視圖的頂邊冯吓,并保持-20點(diǎn)的距離。
29. 將藍(lán)色視圖的左邊疮跑,約束在黑色視圖的右邊组贺,并保持20點(diǎn)的距離。
30. 同樣約束藍(lán)色視圖的尺寸祖娘,將它們始終保持為100失尖。
32. 將綠色視圖的底邊贿条,約束在黑色視圖的頂邊雹仿,并保持-20點(diǎn)的距離。
33. 將綠色視圖的右邊整以,約束在黑色視圖的左邊胧辽,同樣保持-20點(diǎn)的距離。
34. 約束綠色視圖的尺寸公黑,將它們始終限制為100邑商。
35. 然后更改布爾變量的值,標(biāo)識(shí)當(dāng)前已經(jīng)完成對(duì)五個(gè)視圖的約束凡蚜。
36. 最后調(diào)用父對(duì)象的刷新視圖約束的方法人断,接著點(diǎn)擊左上角的[編譯并運(yùn)行]按鈕,啟動(dòng)模擬器預(yù)覽項(xiàng)目朝蜘。
37. 模擬器啟動(dòng)后恶迈,在屏幕上顯示了五個(gè)視圖,四個(gè)視圖分別位于黑色視圖的四周谱醇,并且在水平和垂直方向上暇仲,分別保持20點(diǎn)的距離窿冯。
本文整理自:《app開發(fā)中的神兵利器》窒升,真正的[手把手]教學(xué)模式,用最快的速度上手iOS開發(fā)娶聘,蘋果商店App Store免費(fèi)下載:https://itunes.apple.com/cn/app/id1209739676煮剧,或掃描本頁底部的二維碼斥滤。課程配套素材下載地址:資料下載