UILabel的创建
上节回顾
在上一节介绍了Xcode的基本使用方法,包括Xcode各个组成部分和各个部分的基本含义。
本节内容
UILabel的使用
首先我们先打开昨天创建完的文件:
有两种方式,一是直接在文件夹中打开,具体操作:打来昨天创建的项目所在的文件夹,在其中找到如图所示的文件,双击打开即可。
第二种是打开Xcode,之后的界面如图,双击我们创建的项目就可以打开了。
接下来就进入正题了。
进入到项目之后,我们首先使用storyboard来创建label,并将其关联到源码中。具体操作如下:
更改label中的文字,文字大小,颜色,以及label的背景颜色,透明度。
接下来我在label中输入HelloWorld,字体大小调为20,label的背景颜色设为红色,透明度设为0.5,字体颜色设为绿色,排布格式为靠右。
最终结果如下:
之后,我们使用模拟器运行一下。
具体操作如下:
结果为:
使用storyboard一般是来创建静态布局。一般不使用storyboard来创建控件。
接下来讲解使用代码创建。
首先进入到viewcontroller.m文件
viewcontroller.m中的代码
#import "ViewController.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
//实例化一个label对象,规定好label的位置
UILabel *label1 = [[UILabel alloc]initWithFrame:CGRectMake(56, 290, 200, 24)];
//设置label的文本内容
label1.text = @"HelloWorld";
//设置label的字体颜色
label1.textColor = [UIColor greenColor];
//设置label的文本排布格式
label1.textAlignment = NSTextAlignmentRight;
//设置字体大小
label1.font = [UIFont systemFontOfSize:20];
//设置label的背景颜色
label1.backgroundColor = [UIColor redColor];
//设置label的透明度
label1.alpha = 0.5;
//将label添加到view上
[self.view addSubview:label1];
}
@end
运行结果如下:
当然在storyboard中创建的控件在代码中也可以修改。
具体操作如下:
上图中有个错误,不是摁着command,是摁着control。
之后给这个label起个名字,不要和其他控件重复,其他地方使用系统默认选项就ok。
接下来使用代码来改变这个label的属性。
//设置label2的属性
//设置label2的大小
_label2.frame = CGRectMake(56, 200, 300, 24);
//设置内容
_label2.text = @"HelloWorld(storyboard加代码)";
//设置label2的字体颜色
_label2.textColor = [UIColor greenColor];
//设置label2的文本排布格式
_label2.textAlignment = NSTextAlignmentRight;
//设置字体大小
_label2.font = [UIFont systemFontOfSize:20];
//设置label2的背景颜色
_label2.backgroundColor = [UIColor redColor];
//设置label的透明度
_label2.alpha = 0.5;
//将label2添加到view上
[self.view addSubview:_label2];
运行结果如下
:
在这里需要讲解一下,为什么使用纯代码创建的label在设置属性不是用_label呢,是因为使用纯代码创建的label是在视图加载完[super viewdidload]后才进行实例化的,而使用storyboard+代码创建的label是在之前就实例化好的,在之后的引用中不需要再次实例化,只需要指明该控件即可。指明的方法就是用self.。这里的“_”就相当于“self.”(注意有个点.)。
总结
至此label的使用就已经讲解完了。在之后的讲解中由于使用storyboard的相对较少,就不再进行详细的讲解了,需要的可以参考我上面的内容。之后的讲解使用纯代码的较多,但是scoreboard+代码的也会涉及,自动布局也会在之后进行讲解。
下节预告
UITextField的使用
UIButton的使用