美文网首页iOS开发互动教程
2.2 UIView视图的层次关系 [iOS开发-Xcode教程

2.2 UIView视图的层次关系 [iOS开发-Xcode教程

作者: 互动教程网 | 来源:发表于2018-04-11 01:52 被阅读2次

1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。

image

2. 您将在这一节课,创建三个视图对象,其中第二个视图是第三个视图的父视图。在此使用之前创建的空白项目,然后打开视图控制器的代码文件。

image

3. 接着开始编写代码,依次创建三个视图对象。

image

4. 首先创建一个原点在(20, 80),宽度和高度都是280的视图对象。

image

5. 为了方便识别,设置一下视图的背景颜色为红色。

image

6. 将第一个视图,添加到当前视图控制器的根视图。

image

7. 创建一个原点在(0, 0),宽度和高度都是200的视图对象。

image

8. 接着设置视图本地坐标系统中的位置和大小,它会影响子视图的位置和显示。

image

9. 设置视图的背景颜色为黄色。

image

10. 将第二个视图,添加到当前视图控制器的根视图。

image

11. 使用相同的方式,创建第三个视图。

image

12. 设置第三个视图的背景颜色为蓝色。

image

13. 将第三个视图,添加到第二个视图上,使第三个视图,作为第二个视图的子视图。点击[编译并运行]按钮,运行模拟器预览效果。

image

14. 在弹出的模拟器中,观察蓝色视图在黄色视图中的位置。然后点击[停止]按钮,关闭模拟器,并结束本节课程。

image

image

本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

相关文章

网友评论

    本文标题:2.2 UIView视图的层次关系 [iOS开发-Xcode教程

    本文链接:https://www.haomeiwen.com/subject/plwohftx.html