2.1 UIView视图的基本使用 [原创iOS开发-Xcode教程]

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

2. 本节课将为您演示，如何创建最基本的视图对象。在此使用之前创建的空白项目，然后打开视图控制器的代码文件。

3. 接着我们来一步步编写代码，在视图控制器的根视图里，添加两个视图对象。

4. 初始化一个CGRect对象，它在屏幕上定义了一个矩形的显示区域。包含了对象的原点位置，和大小尺寸信息。

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

6. 为了方便识别，设置视图的背景颜色为棕色。

7. 使用同样的方法，创建另一个视图。

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

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

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

11. 同样，将第二个视图，添加到当前视图控制器的根视图。然后点击[编译并运行]按钮，运行模拟器预览效果。

12. 模拟器启动之后，在屏幕上显示了两个具有不同背影颜色的视图对象。最后点击[停止]按钮，关闭模拟器，并结束本节课程。

每天几分钟，手把手带你轻松学会iOS开发

本文整理自：《互动教程 for Xcode9 & Swift4》APP, 非特殊说明，本文版权归原作者所有。

文章标签： ios开发

个人分类： iOS移动开发

所属专栏： iOS开发从入门到精通

上一篇1.25 读取iOS应用的配置信息 [原创iOS开发-Xcode教程] 下一篇2.2 UIView视图的层次关系 [原创iOS开发-Xcode教程]