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就讲到这里, 下次我们继续~~