美文网首页
认识视图——从零开始实现一个iOS应用其2

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

作者: Lavanille777 | 来源:发表于2019-10-22 20:10 被阅读0次

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

    前言

    此次我们需要认识一个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

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