认识视图——从零开始实现一个iOS应用其2

为了便于学习初级阶段的理解，本篇可能在用词和概念描述上存在模糊或者不准确的地方，大家可以在今后的学习中寻求更加准确的定义。

前言

此次我们需要认识一个iOS开发中的一个重要的类——UIViewController（视图控制器），在iOS开发中，负责展示内容和响应交互的部分被称作UIView（视图），而UIViewController正是“包含了UIView的Controller”，其作用是对视图的生命周期进行控制。

视图的生命周期

来到上一篇创建的项目中，打开ViewController.m。

可以看到系统已经默认生成了一个方法。

- (void)viewDidLoad

这个方法正是代表了视图生命周期的第一个阶段的回调，即视图已加载
在此方法中，我们可以处理一些视图加载完成之后要做的事。

那么我们先来大概看一下视图生命周期的主要阶段吧

我们使用opt + 鼠标左键进入UIViewController.h中，可以找到以下声明:

image.png

以上几个生命周期阶段的回调方法是比较常用的，分别是视图即将出现，已出现，即将消失，已消失，即将布局子视图，已布局子视图。在后面的注释里，官方给出了清晰的判定标准。

对视图生命周期的认识今后还会在实战中加深，暂时就先了解到这里，接下来让我们设置第一个视图。

神说，要有光

在viewDidLoad中写下

self.view.backgroundColor =[UIColor whiteColor];

运行应用，发现原本漆黑的应用界面变成了白色。

这一行中的view代表了ViewController中默认包含的一个UIView，backgroundColor则是指应用的背景色，使用opt+左键可以看到它的类型为UIColor，因此我们使用

[UIColor whiteColor]

来获取一个白色的UIColor，跳进whiteColor，发现系统已经给出了数个预设的颜色

image.png

通过以上的操作，大家应该意识到了查看定义是非常重要的学习方法，以后我尽量不会在文章里再重复这些过程，大家平时一定要养成多看定义的习惯

UILabel

标签是一个很常用的视图控件，它代表一个可换行的只读文字区域。

下面我们通过创建并布局一个UILabel来认识它的一些常用属性。

    UILabel *myLabel = [[UILabel alloc] init];
    myLabel.frame = CGRectMake(88, 88, 0, 0);
    myLabel.text = @"我的第一个页面";
    myLabel.textColor = [UIColor blackColor];
    myLabel.font = [UIFont systemFontOfSize:20];
    [myLabel sizeToFit];
    [self.view addSubview:myLabel];

相信这几行代码里的主要含义大家应该一眼就能明白。

我们着重讲几行

myLabel.frame = CGRectMake(88, 88, 0, 0);

frame是UIView的一个属性，它代表这个视图在窗口中的位置和大小。

那么不难理解，CGRectMake中的四个参数分别为横坐标，纵坐标，宽度，长度

其中关于坐标的定义是，以窗口的左上角为原点，向右和向下为正方向。

坐标的单位为pt(point)，并不是一个像素，关于这一点这里先不详细讲。

通过

[UIScreen mainScreen].bounds

这个方法我们可以获取屏幕的长宽，以iPhone 6为例，宽高分别为375,667。

这里我们似乎没有设置label的宽高，因为label的尺寸会随字体大小和字数发生变化，这里不需要我们手动计算它的尺寸，只需在设置内容后调用这个方法。

[myLabel sizeToFit];

然后

[self.view addSubview:myLabel];

代表将myLabel添加为view的子视图，这样我们就能在界面上看到它了。

运行一下试试看吧。