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

运行一下试试看吧。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容