认识视图——从零开始实现一个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的子视图,这样我们就能在界面上看到它了。

运行一下试试看吧。

你可能感兴趣的:(认识视图——从零开始实现一个iOS应用其2)