IOS 开发笔记-基础 UI（5）使用代码创建按钮

在实际开发中，很多的时候是需要手动写代码来创建按钮的。

在开发过程中，并不是每次都通过storyboard拖控件完成UI界面，因为storyboard上面的界面是“固定死”的，有时候可能会在程序运行过程中动态地添加一些新的控件到界面上，比如QQ，微信的聊天信息，是有人发出一条信息后才动态显示出来的。因此，需要掌握如何用代码动态地添加控件。实际上，storyboard的本质就是根据图形界面描述转成相应的代码（xml 文件）。还有一个原因，就是有的国内的公司，或者一些 IOS 开发的团队，并不使用故事板进行 UI 设计，所以掌握是很有必要的。

// 1.创建一个自定义的按钮

UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];

// 2.添加按钮

[self.view addSubview:btn];

// 3.设置按钮的位置和尺寸

btn.frame = CGRectMake(100, 100, 100, 100);

// 4.监听按钮点击(点击按钮后就会调用self的btnClick方法)

[btn addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];

// 5.设置按钮在默认状态下的属性

// 5.1.默认状态的背景

[btn setBackgroundImage:[UIImage imageNamed:@"btn_01"] forState:UIControlStateNormal];

// 5.2.默认状态的文字

[btn setTitle:@"点我啊" forState:UIControlStateNormal];

// 5.3.默认状态的文字颜色

[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];

// 6.设置按钮在高亮状态下的属性

// 6.1.高亮状态的背景

[btn setBackgroundImage:[UIImage imageNamed:@"btn_02"] forState:UIControlStateHighlighted];

// 6.2.高亮状态的文字

[btn setTitle:@"摸我干啥" forState:UIControlStateHighlighted];

// 6.3.高亮状态的文字颜色

[btn setTitleColor:[UIColor blueColor] forState:UIControlStateHighlighted];

一个UIColor代表一种颜色，通过UIColor的类方法，可以获得很多常用的颜色

+ (UIColor *)blackColor;      // 0.0 white 黑色

+ (UIColor *)darkGrayColor;   // 0.333 white 深灰色

+ (UIColor *)lightGrayColor;  // 0.667 white 亮灰色

+ (UIColor *)whiteColor;      // 1.0 white 白色

+ (UIColor *)grayColor;       // 0.5 white 灰色

+ (UIColor *)redColor;        // 1.0, 0.0, 0.0 RGB 红色

+ (UIColor *)greenColor;      // 0.0, 1.0, 0.0 RGB 绿色

+ (UIColor *)blueColor;       // 0.0, 0.0, 1.0 RGB 蓝色

+ (UIColor *)cyanColor;       // 0.0, 1.0, 1.0 RGB 青色

+ (UIColor *)yellowColor;     // 1.0, 1.0, 0.0 RGB 黄色

+ (UIColor *)magentaColor;    // 1.0, 0.0, 1.0 RGB 品红

+ (UIColor *)orangeColor;     // 1.0, 0.5, 0.0 RGB 橙色

+ (UIColor *)purpleColor;     // 0.5, 0.0, 0.5 RGB 紫色

+ (UIColor *)brownColor;      // 0.6, 0.4, 0.2 RGB 棕色

+ (UIColor *)clearColor;      // 0.0 white, 0.0 alpha 清除颜色（空色）

一个UIImage对象代表一张图片，一般通过imageNamed:方法就可以通过文件名加载项目中的图片（PNG格式的图片可以省略扩展名）

UIImage *image = [UIImage imageNamed:@"btn_01"];

UIButton自带了很多种不同的样式

在用代码创建按钮的同时指定按钮样式

UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];

UIButtonTypeCustom：无类型，按钮的内容需要自定义

UIButtonTypeDetailDisclosure：

UIButtonTypeInfoLight：

UIButtonTypeInfoDark：

UIButtonTypeContactAdd：

最后要有提交：

[self.view addSubview:btn];

按钮代码提交到了视图里。显示

以上要统一的写在viewDidLoad 对象方法里：

//视图加载完成需要调用的方法，继承的方法，需要调用父类的这个方法，千万不能丢
//通常视图控制器的初始化工作，都在这里执行
- (void)viewDidLoad{
    [super viewDidLoad];
    //创建按钮
    UIButton *btn = [[UIButton alloc] init];
    btn.frame = CGRectMake(30, 30, 200, 200);
    btn.backgroundColor = [UIColor redColor];
    [self.view addSubview:btn];

    [btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
}

- (void)click:(id)sender
{
    NSLog(@"ddd");
}

addTarget进行监听设置，等价于故事板里的方法的连线，IBAction。如果是控件属性的连线，也就是 IBOutlet，直接赋值即可。

小结：

使用代码创建控件的步骤如下：

1> 使用控件对应类创建对象

2> 设置对象属性：frame\color\text\image\backgroundImage……

3> [self.view addSubview:btn];将控件添加到视图

设置控件监听方法的示例代码如下：

[btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];

提示：

1> addTarget方法定义在UIControl类中，这意味着可以给所有继承自UIControl类的对象添加监听方法

2> 监听方法的第一个参数就是对象本身

3> 监听方法的第二个参数是监听控件的事件

viewDidLoad是视图加载完成后调用的方法，通常在此方法中执行视图控制器的初始化工作，在viewDidLoad方法中，一定不要忘记调用父类的方法实现！

[super viewDidLoad];