1. 本節(jié)課將為您演示拓巧，如何給視圖添加對齊和填充的約束。首先在左側(cè)的項目導(dǎo)航區(qū)思币，打開視圖控制器的代碼文件鹿响。
2. 接著開始編寫代碼，首先約束視圖之間的對齊關(guān)系谷饿。
3. 在當前的類文件中惶我，引入已經(jīng)安裝的第三方類庫。
4. 添加一個方法博投，用來演示如何對視圖進行對齊約束绸贡。
5. 初始化一個數(shù)組對象，包含四種不同的顏色毅哗。
6. 接著初始化另一個數(shù)組對象听怕，共包含12種不同的對齊方式。
7. 初始化兩個浮點類型的數(shù)字虑绵，表示視圖的間距和尺寸尿瞭。
8. 初始化一個視圖對象，并設(shè)置視圖中心點的位置蒸殿。
9. 初始化另一個視圖對象筷厘，并設(shè)置視圖對象的背景顏色為黑色。
10. 將第二個視圖對象宏所，添加到第一個視圖對象酥艳，然后將第一個視圖對象添加到根視圖。
11. 接著創(chuàng)建一個12次的循環(huán)語句爬骤，用來創(chuàng)建12個不同位置的視圖對象充石。
13. 根據(jù)循環(huán)的索引霞玄，從數(shù)組中獲得一個顏色骤铃，作為視圖的背景顏色。然后將視圖對象添加到父視圖中坷剧。
14. 根據(jù)循環(huán)的索引惰爬，從對齊數(shù)組中獲得一種對齊方式，作為視圖對象相對于父視圖的對齊方式惫企，并設(shè)置視圖對象的間距撕瞧、寬度和高度屬性陵叽。
15. 在視圖加載完成的方法中，調(diào)用您剛剛創(chuàng)建的對齊示例方法丛版。
16. 接著點擊左上角的[編譯并運行]按鈕巩掺，啟動模擬器預(yù)覽項目。
17. 在彈出的模擬器中页畦，顯示了一個位于中心的黑色視圖胖替，在黑色視圖的周圍，顯示了12個擁有不同對齊方式的小視圖豫缨。
18. 點擊右側(cè)的垂直滾動條独令，跳轉(zhuǎn)到編輯區(qū)的底部位置。
20. 該方法將用來演示視圖之間记焊，在對齊和填充方面的約束關(guān)系。
21. 首先初始化一個視圖對象栓撞，并設(shè)置它的顯示區(qū)域。
22. 設(shè)置視圖對象的背景顏色為黑色碗硬，并將視圖對象添加到根視圖瓤湘。
23. 創(chuàng)建兩個浮點數(shù)據(jù)，分別表示視圖之間的距離恩尾，和視圖的尺寸弛说。
25. 設(shè)置視圖對象的背景顏色為橙色翰意，并將視圖對象添加到父視圖中木人。
26. 將視圖對象約束在父視圖的左上角，并設(shè)置視圖對象的間距和尺寸屬性冀偶。
28. 設(shè)置視圖對象的背景顏色為紫色，并將視圖對象添加到父視圖中进鸠。
29. 將視圖對象約束在橙色視圖的右側(cè)稠曼，并且兩個視圖的頂邊對齊，同時調(diào)整視圖對象的寬度客年，使視圖在水平方向上填滿父視圖霞幅。
31. 接著點擊左上角的[編譯并運行]按鈕量瓜，啟動模擬器預(yù)覽項目司恳。
32. 模擬器啟動后，在黑色視圖的左上角绍傲，顯示了一個橙色視圖扔傅，右上角則是一個紫色視圖，紫色視圖填滿了橙色視圖右側(cè)的所有區(qū)域。
33. 接著點擊右側(cè)的垂直滾動條铅鲤，跳轉(zhuǎn)到編輯區(qū)的底部位置划提。
35. 將視圖對象和橙色視圖的底部中心位置對齊邢享，并調(diào)整視圖對象的高度鹏往，使視圖對象在垂直方向上填滿父視圖。
36. 模擬器啟動后骇塘，紫色視圖填滿了橙色視圖右側(cè)的所有區(qū)域伊履。點擊此處的[停止]按鈕，關(guān)閉模擬器款违。
38. 將視圖對象和橙色視圖右對齊，并且匹配橙色視圖邊框的頂部插爹。接著點擊左上角的[編譯并運行]按鈕哄辣，啟動模擬器預(yù)覽項目。
39. 模擬器啟動后赠尾，紫色視圖填滿了橙色視圖下方的所有區(qū)域力穗。點擊此處的[停止]按鈕，關(guān)閉模擬器气嫁。
41. 我們將在該方法中，演示在兩個視圖之間的第三個視圖的對齊約束寸宵。
42. 初始化一個視圖對象崖面，作為被約束的視圖對象的父視圖。
43. 設(shè)置視圖的背景顏色為淺灰色梯影，并將視圖對象添加到根視圖巫员。
44. 創(chuàng)建兩個浮點數(shù)據(jù)，分別表示視圖之間的距離光酣，和視圖的尺寸疏遏。
46. 設(shè)置視圖對象的背景顏色為黑色避诽，并將視圖對象添加到父視圖废酷。
47. 將該視圖對象眯牧，約束在父視圖的左上角富岳，并設(shè)置它的間距和尺寸屬性诈茧。
49. 設(shè)置視圖對象的背景顏色為黑色努释，并將視圖對象添加到父視圖拷泽。
50. 將該視圖對象疫鹊，約束在父視圖的右上角袖瞻，并設(shè)置它的間距和尺寸屬性。
52. 設(shè)置視圖對象的背景顏色為黑色聋迎，并將視圖對象也添加到父視圖。
53. 將該視圖對象枣耀，約束在父視圖的左下角霉晕，并設(shè)置它的間距和尺寸屬性。
54. 接著初始化一個視圖對象捞奕，該視圖對象將被放置在兩個視圖之間的位置牺堰。
55. 設(shè)置視圖對象的背景顏色為橙色，并將視圖對象添加到父視圖颅围。
56. 設(shè)置視圖對象位于第一個子視圖和第二個子視圖之間的位置伟葫，并使它們在水平方向上頂部對齊。
58. 設(shè)置視圖對象的背景顏色為紫色筏养，并將視圖對象添加到父視圖。
59. 設(shè)置視圖對象位于第一個子視圖和第三個子視圖之間的位置常拓，并使它們在垂直方向上進行右對齊撼玄。接著點擊右側(cè)的垂直滾動條，跳轉(zhuǎn)到編輯區(qū)的頂部位置墩邀。
61. 接著點擊左上角的[編譯并運行]按鈕盏浙，啟動模擬器預(yù)覽項目眉睹。
62. 在灰色視圖的三個角落，各有一個黑色視圖废膘。在上方的兩個黑色視圖的中間有一個橙色視圖竹海，三個視圖頂邊對齊。左邊的兩個黑色視圖和紫色視圖保持右對齊丐黄。
63. 點擊右側(cè)的垂直滾動條斋配，跳轉(zhuǎn)到編輯區(qū)的底部位置。
66. 創(chuàng)建兩個浮點數(shù)據(jù)，分別表示視圖之間的距離桂对，和視圖的尺寸甩卓。
67. 初始化一個視圖對象，作為被約束的視圖對象的父視圖蕉斜。
69. 設(shè)置視圖對象的背景顏色為黑色缀棍，并將視圖對象添加到父視圖。
70. 將該視圖對象机错，約束在父視圖的左上角爬范，并設(shè)置它的間距和尺寸屬性。
72. 設(shè)置視圖對象的背景顏色為黑色青瀑，并將視圖對象也添加到父視圖。
73. 將該視圖對象痢法，約束在父視圖的右上角狱窘，并設(shè)置它的間距和尺寸屬性。
77. 接著設(shè)置標簽對象可以擁有任意多行的文字尖奔。
80. 將標簽約束在第一個子視圖和第二個子視圖之間的位置提茁，并使它們在水平方向上頂部對齊淹禾，標簽的高度為自適應(yīng)。
82. 接著點擊左上角的[編譯并運行]按鈕铃岔，啟動模擬器預(yù)覽項目。
83. 模擬器啟動后峭火，在兩個黑色視圖的中間毁习，擁有一個橙色的標簽對象，標簽對象的高度卖丸，是根據(jù)其文字內(nèi)容的數(shù)量而自動調(diào)整的纺且。
84. 點擊右側(cè)的垂直滾動條，跳轉(zhuǎn)到編輯區(qū)的底部位置稍浆。
86. 仍舊將標簽約束在兩個子視圖之間的位置，并使它們在水平方向上頂部對齊衅枫，只是固定標簽的高度嫁艇。然后再次啟動模擬器，預(yù)覽修改過的效果弦撩。
87. 模擬器啟動后裳仆，黑色視圖的中間擁有一個橙色的標簽，其高度是固定的孤钦，標簽中的文字內(nèi)容被自動裁剪歧斟，并使用省略號表示被裁剪的內(nèi)容纯丸。
本文整理自：《app開發(fā)中的神兵利器》，真正的[手把手]教學(xué)模式静袖，用最快的速度上手iOS開發(fā)觉鼻，蘋果商店App Store免費下載：https://itunes.apple.com/cn/app/id1209739676，或掃描本頁底部的二維碼队橙。課程配套素材下載地址：資料下載
