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



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


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


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


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


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


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


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


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


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


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


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


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


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


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




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

0