6.6 父视图约束/Corner约束/Edge约束/AnchorAndFillEdge约束 [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. 我们将在该方法中，演示如何将视图对象，约束在父视图的四个边缘。
27. 首先初始化一个指定显示区域的视图对象，作为其它自定义视图对象的父视图。
28. 接着设置视图对象的背景颜色为黑色，并将视图对象添加到根视图。
29. 同样初始化一个颜色数组，作为四个视图的背景颜色。
30. 接着初始化一个边缘位置数组，作为四个视图在父视图中的边缘位置。
31. 创建两个浮点常量，分别表示视图之间的距离，和视图的尺寸。
32. 然后通过一个四次的循环语句，依次创建四个视图对象。
33. 初始化一个视图对象。
34. 根据循环的索引，从颜色数组中，获得对应的元素，作为视图的背景颜色。并将视图对象添加到父视图。
35. 根据循环的索引，从约束数组中，获得对应的元素，作为视图对象的边缘约束，将视图对象约束在父视图的指定位置，并设置父子视图在四个方向的间距。
36. 修改此处的方法名称。
37. 接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
38. 模拟器启动后，四个不同颜色的视图对象，分别位于根视图的四个边缘，并和父视图保持相同的间距。点击此处的[停止]按钮，关闭模拟器。
39. 点击右侧的垂直滚动条，跳转到编辑区的底部位置。
40. 接着添加另一个方法。
41. 我们将在该方法中，演示如何将视图对象，约束并填充父视图的边缘。
42. 同样初始化一个颜色数组，作为四个视图的背景颜色。
43. 接着初始化一个边缘位置数组，作为四个视图在父视图中的边缘位置。
44. 创建两个浮点常量，分别表示视图之间的距离，和视图的尺寸。
45. 首先初始化一个指定显示区域的视图对象，作为其它自定义视图对象的父视图。同时设置视图对象的背景颜色为浅灰色。
46. 将父视图添加到根视图中。
47. 然后通过一个两次的循环语句，依次创建两个视图对象。
48. 初始化一个视图对象。
49. 根据循环的索引，从颜色数组中，获得对应的元素，作为视图的背景颜色。并将视图对象添加到父视图。
50. 从约束数组中，获得对应的元素，作为视图对象的边缘约束，将视图对象约束并填充父视图的指定位置，并设置父子视图在四个方向的间距。
51. 初始化另一个指定显示区域的视图对象，作为其它两个自定义视图对象的父视图。
52. 接着设置视图对象的背景颜色为浅灰色，并将视图对象添加到根视图。
53. 然后通过一个两次的循环语句，依次创建两个视图对象。
54. 初始化一个视图对象。
55. 根据循环的索引，从颜色数组中，获得对应的元素，作为视图的背景颜色。并将视图对象添加到父视图。
56. 使用相同的方式，给视图对象添加约束关系，接着点击右侧的垂直滚动条，跳转到编辑区的顶部位置。
57. 修改此处的方法名称。
58. 接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
本文整理自：《app开发中的神兵利器》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1209739676，或扫描本页底部的二维码。课程配套素材下载地址：资料下载
0
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. 我们将在该方法中，演示如何将视图对象，约束在父视图的四个边缘。
27. 首先初始化一个指定显示区域的视图对象，作为其它自定义视图对象的父视图。
28. 接着设置视图对象的背景颜色为黑色，并将视图对象添加到根视图。
29. 同样初始化一个颜色数组，作为四个视图的背景颜色。
30. 接着初始化一个边缘位置数组，作为四个视图在父视图中的边缘位置。
31. 创建两个浮点常量，分别表示视图之间的距离，和视图的尺寸。
32. 然后通过一个四次的循环语句，依次创建四个视图对象。
33. 初始化一个视图对象。
34. 根据循环的索引，从颜色数组中，获得对应的元素，作为视图的背景颜色。并将视图对象添加到父视图。
35. 根据循环的索引，从约束数组中，获得对应的元素，作为视图对象的边缘约束，将视图对象约束在父视图的指定位置，并设置父子视图在四个方向的间距。
36. 修改此处的方法名称。
37. 接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
38. 模拟器启动后，四个不同颜色的视图对象，分别位于根视图的四个边缘，并和父视图保持相同的间距。点击此处的[停止]按钮，关闭模拟器。
39. 点击右侧的垂直滚动条，跳转到编辑区的底部位置。
40. 接着添加另一个方法。
41. 我们将在该方法中，演示如何将视图对象，约束并填充父视图的边缘。
42. 同样初始化一个颜色数组，作为四个视图的背景颜色。
43. 接着初始化一个边缘位置数组，作为四个视图在父视图中的边缘位置。
44. 创建两个浮点常量，分别表示视图之间的距离，和视图的尺寸。
45. 首先初始化一个指定显示区域的视图对象，作为其它自定义视图对象的父视图。同时设置视图对象的背景颜色为浅灰色。
46. 将父视图添加到根视图中。
47. 然后通过一个两次的循环语句，依次创建两个视图对象。
48. 初始化一个视图对象。
49. 根据循环的索引，从颜色数组中，获得对应的元素，作为视图的背景颜色。并将视图对象添加到父视图。
50. 从约束数组中，获得对应的元素，作为视图对象的边缘约束，将视图对象约束并填充父视图的指定位置，并设置父子视图在四个方向的间距。
51. 初始化另一个指定显示区域的视图对象，作为其它两个自定义视图对象的父视图。
52. 接着设置视图对象的背景颜色为浅灰色，并将视图对象添加到根视图。
53. 然后通过一个两次的循环语句，依次创建两个视图对象。
54. 初始化一个视图对象。
55. 根据循环的索引，从颜色数组中，获得对应的元素，作为视图的背景颜色。并将视图对象添加到父视图。
56. 使用相同的方式，给视图对象添加约束关系，接着点击右侧的垂直滚动条，跳转到编辑区的顶部位置。
57. 修改此处的方法名称。
58. 接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
本文整理自：《app开发中的神兵利器》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1209739676，或扫描本页底部的二维码。课程配套素材下载地址：资料下载
上一篇：6.7 通过group命令实现对多个视图的统一约束 [iOS开发中的神兵利器]
下一篇：6.5 给视图添加Align和Fill的约束及Label的约束 [iOS开发中的神兵利器]
[按键盘← → 左右方向键也可以翻页哦~]
下一篇：6.5 给视图添加Align和Fill的约束及Label的约束 [iOS开发中的神兵利器]
[按键盘← → 左右方向键也可以翻页哦~]
相关文章
互动教程列表，真正的手把手教学模式，点击或扫码下载
