你真的会用UIButton吗? UIButton详细介绍

本节知识点：

1. 什么是UIButton

2. UIButton的状态

UIControlStateHighlighted

UIControlStateDisabled

UIControlStateSelected

//下面两种杂交在一起(就不是 normal 后面三种 ), 会显示为 Normal 状态的颜色,
//但是 设置了 Enabled == NO,  所以这里也是不能点击的,
self.button.selected = YES;
self.button.enabled = NO;

3. UIButton的属性设置

type

- (void)setTitle:(NSString *)title forState:(UIControlState)state;
//设置按钮的文字

- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state;
//设置按钮的文字颜色

- (void)setImage:(UIImage *)image forState:(UIControlState)state;
//设置按钮内部的小图片

- (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;
//设置按钮的背景图片

//设置按钮的文字字体（需要拿到按钮内部的label来设置）
btn.titleLabel.font = [UIFont systemFontOfSize:13];

- (NSString *)titleForState:(UIControlState)state;
//获得按钮的文字

- (UIColor *)titleColorForState:(UIControlState)state;
//获得按钮的文字颜色

- (UIImage *)imageForState:(UIControlState)state;
//获得按钮内部的小图片

- (UIImage *)backgroundImageForState:(UIControlState)state;
//获得按钮的背景图片

4. UIButton基本使用步骤

方法一

type

custom

方法二

5. UIButton的代码创建与常用属性设置

// 1. 创建按钮
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
//    UIButton *button = [[UIButton alloc]init];// 和上面一行代码等价

//    注意：按钮创建好之后，按钮的类型是不可以被修改
//    button.buttonType = UIButtonTypeCustom ; // 错误写法，系统会报错

//    UIButtonTypeCustom：无类型，按钮的内容需要自定义：位置尺寸、背景色，等（如果没有自定义这些可能会看不到）
//    UIButtonTypeDetailDisclosure：
//    UIButtonTypeInfoLight：
//    UIButtonTypeInfoDark：
//    UIButtonTypeContactAdd：

// 2. 设置位置尺寸
button.frame = CGRectMake(100, 200, 200, 50);

// 3. 设置文字
// 3.1 常态的文字
[button setTitle:@"我是按钮" forState:UIControlStateNormal];
// 3.2 高亮状态的文字
[button setTitle:@"我是高亮按钮" forState:UIControlStateHighlighted];

// 4. 设置字体颜色
// 4.1 常态的字体颜色
[button setTitleColor:[UIC
c37b
olor greenColor] forState:UIControlStateNormal];
// 4.2 高亮状态的字体颜色
[button setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];

// 4. 设置图片
// 4.1 常态下的图片
[button setImage:[UIImage imageNamed:@"like"] forState:UIControlStateNormal];
// 4.2 高亮下的图片
[button setImage:[UIImage imageNamed:@"like_pressed"] forState:UIControlStateHighlighted];

// 5. 设置背景图片
// 5.1 常态下的背景图
[button setBackgroundImage:[UIImage imageNamed:@"buttongreen"] forState:UIControlStateNormal];
// 5.2 高亮下的背景图
[button setBackgroundImage:[UIImage imageNamed:@"buttongreen_hightlighted"] forState:UIControlStateHighlighted];

// 6. 设置按钮点击状态, 默认就是YES ,NO 状态是不可点击
button.enabled = YES;

// 7. 将按钮添加入控制器view中
[self.view addSubview:button];

// 8. 监听按钮点击事件
//谁调用参数传的就是谁，这里button调用所以buttonClick:(参数){}传的就是button对象本身
[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];

- (void)buttonClick:(UIButton *)button{}

6. 重写按钮的某个状态属性的 setter 方法和 getter 方法设置按钮的状态

- (BOOL)isHighlighted{
return NO;
}

- (void)setHighlighted:(BOOL)highlighted{
[super setHighlighted:highlighted];
}

7. 调整Button内部布局

-（CGRect）titleRectForContentRect:(CGRect)contentRect{
// 返回文字的frame
}

-  (CGRect)imageRectForContentRect:(CGRect)contentRect{
// 返回图片的frame
}

- (void)layoutSubviews{
[super layoutSubviews];

// 插入需要设置位置尺寸的语句，并返回frame
}

// 设置在 Highlighted 状态点击时是否调整图片显示亮度
@property(nonatomic)          BOOL         adjustsImageWhenHighlighted;    // default is YES. if YES, image is drawn darker when highlighted(pressed)
// 设置在disabled状态是否调整图片显示亮度
@property(nonatomic)          BOOL         adjustsImageWhenDisabled;       // default is YES. if YES, image is drawn lighter when disabled

// 在disabled要不要调整显示的图片，当disabled的时候也不改变背景色
self.adjustsImageWhenDisabled = NO;

// 按钮内的子控件（图片和文字）的内边距，
@property(nonatomic)          UIEdgeInsets contentEdgeInsets UI_APPEARANCE_SELECTOR; // default is UIEdgeInsetsZero
// 按钮内的子控件（文字）的内边距，
@property(nonatomic)          UIEdgeInsets titleEdgeInsets;                // default is UIEdgeInsetsZero
// 按钮内的子控件（图片）的内边距，
@property(nonatomic)          UIEdgeInsets imageEdgeInsets;                // default is UIEdgeInsetsZero

// 设置按钮内图片和文字内边距位置为（30，30），即是按钮内图片和文字一起右移30，下移30
self.btn.contentEdgeInsets = UIEdgeInsetsMake(30, 30, 0, 0);
// 设置按钮内文字内边距位置为（0，-30），即是按钮内文字上移30
self.btn.titleEdgeInsets = UIEdgeInsetsMake(0, -30, 0, 0);
// 设置按钮内图片内边距位置为（0，-30），即是按钮内图片上移30
self.btn.imageEdgeInsets = UIEdgeInsetsMake(0, -30, 0, 0);