UIKit基础:9.使用代码创建属于我们的UI控件
在前面的几个博文了, 我们知道了UIView的概念, 以及怎么快速的创建属于我们自己的UI控件, 但我之前也说过一句话,storyboard并不是万能的, 只有代码才是万能的, 而所有的UI控件都是通过代码实现的这就足矣说明, 代码有多万能了, 现在我们就来学习一下.
首先这里要普及一个知识点, 在我们刚开始创建好项目的时候, 会有一个ViewController.m和ViewController.h文件, 在.m文件里有一个方法必须得实现, 否则我们所写的东西都无法实现:
下面就是实现我们自定义控件的代码:
- (void)viewDidLoad {
[super viewDidLoad];
// 创建并且初始化UIButton控件对象类型为System
UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
// 设置Button的位置
[button setFrame:CGRectMake(110, 220, 100, 40)];
// 设置Button的背景颜色
[button setBackgroundColor:[UIColor redColor]];
// 设置在默认状态下的文字
[button setTitle:@"我是按钮" forState:UIControlStateNormal];
// 设置在被点击和被长按状态(也称为高亮状态)下的文字.
[button setTitle:@"按钮是我" forState:UIControlStateHighlighted];
// 把自定义的Button添加到UIView里去.
[self.view addSubview:button];
}
这里要说一下, 其实UIButton类型有几种类型, 但有一个类型已经被合并了:
typedef NS_ENUM(NSInteger, UIButtonType) {
UIButtonTypeCustom = 0, // no button type
UIButtonTypeSystem NS_ENUM_AVAILABLE_IOS(7_0), // standard system button
UIButtonTypeDetailDisclosure,
UIButtonTypeInfoLight,
UIButtonTypeInfoDark,
UIButtonTypeContactAdd,
UIButtonTypeRoundedRect = UIButtonTypeSystem, // Deprecated, use UIButtonTypeSystem instead
};
我们一般使用UIButton就只用两个类型, 一个是System, 一个是Custom类型, 其他的都是比较少用.
我们添加完Button之后, 如果需要点击该按钮之后进行些什么事情, 那就要用到监听的方法, 比如:
- (void)viewDidLoad {
[super viewDidLoad];
// 创建并且初始化UIButton控件对象类型为System
UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
// 设置Button的位置
[button setFrame:CGRectMake(110, 220, 100, 40)];
// 设置Button的背景颜色
[button setBackgroundColor:[UIColor redColor]];
// 设置在默认状态下的文字
[button setTitle:@"我是按钮" forState:UIControlStateNormal];
// 设置在被点击和被长按状态(也称为高亮状态)下的文字.
[button setTitle:@"按钮是我" forState:UIControlStateHighlighted];
// 添加监听方法
[button addTarget:self action:@selector(myButton) forControlEvents:UIControlEventTouchUpInside];
// 把自定义的Button添加到UIView里去.
[self.view addSubview:button];
}
- (void)myButton
{
NSLog(@"点击我了~~~");
}
打印出来的结果:
2015-02-14 01:36:45.895 UIKit-06使用代码创建[9388:777564] 点击我了~~~
这里解释一下参数, action: 这个参数是监听哪个名字的方法, 而例子里, 我监听的是myButton的方法,forControlEvents:这个参数是Button点击的动作, 例子所设定的是点击后抬手, 在里面还有很多其他动作, 大家也可以回去各自尝试.
细心的朋友应该会想到我们之前在storyboard创建的Button是IBAction返回值, 而我们现在所监听的方法却是void类型, 那么这两个到底有什么区别呢? 其实这两个方法最大的区别就是IBAction可以连线, 而void不可以连线并且都可以设置参数和不设置参数, 例子中是没有设置参数的, 如果要设置参数, 那么就需要在监听的方法名加上分号, 比如:
- (void)viewDidLoad {
[super viewDidLoad];
// 创建并且初始化UIButton控件对象类型为System
UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
// 设置Button的位置
[button setFrame:CGRectMake(110, 220, 100, 40)];
// 设置Button的背景颜色
[button setBackgroundColor:[UIColor redColor]];
// 设置在默认状态下的文字
[button setTitle:@"我是按钮" forState:UIControlStateNormal];
// 设置在被点击和被长按状态(也称为高亮状态)下的文字.
[button setTitle:@"按钮是我" forState:UIControlStateHighlighted];
// 添加监听方法
[button addTarget:self action:@selector(myButton:) forControlEvents:UIControlEventTouchUpInside];
// 把自定义的Button添加到UIView里去.
[self.view addSubview:button];
}
- (void)myButton:(UIButton *)sender
{
NSLog(@"点击我了~~~%@", [sender.titleLabel text]);
}
这个方法传入的参数必须是UIButton, 就和IBAction一样, 所传入的参数也只能是UIButton.
UIButton讲到这里, 基本上都讲完了, 但有一个小细节, 经常使用iOS设备的朋友肯定会发现, 我们在iOS程序中所看到的UIButton全部都是图片, 并不是我们所写上去的文字, 那么在UIButton上是如何把图片载入呢? 下面让我们一起来看看:
// 设置默认状态下的UIButton的前置图
[button setImage:[UIImage imageNamed:@"Button.jpg"] forState:UIControlStateNormal];
// 设置高亮状态下的UIButton的前置图
[button setImage:[UIImage imageNamed:@"Button.jpg"] forState:UIControlStateHighlighted];
// 设置默认状态下的UIButton的背景图
[button setBackgroundImage:[UIImage imageNamed:@"Button.jpg"] forState:UIControlStateNormal];
// 设置高亮状态下的UIButton的背景图
[button setBackgroundImage:[UIImage imageNamed:@"Button.jpg"] forState:UIControlStateHighlighted];
UIButton是一个比较特殊的控件, 它可以存放两张图片, 一张是前置图, 一张是背景图, 存放前置图的时候有一个注意点, 如果你的Button是有名字的话, 那么前置图会和名字平均分UIButton的宽度, 背景图却不会这样子, 下面是例子:
这个就是存入前置图的效果
有些人估计会觉得奇怪, 为什么storyboard那么好用, 反而选使用代码呢? 其实这个东西并不是说谁好谁坏,storyboard是有它的好处, 但如果一个界面要你添加几十个Button, 那不拖的累死了么? 用代码的话直接就一个for循环就搞定了, 我不崇尚只单独使用一种方法, 要结合我们实际开发的效率, 一切以效率为准则.
好了, UIButton就讲到这里, 下次我们继续~~
