iOS中最简单的交互控件-UIButton(hyf原创)
2016-12-07 本文已影响0人
youfengHE_youf
不说太多空话,直接上代码,在屏幕上创建一个UIButton控件
- (void)viewDidLoad {
[super viewDidLoad];
// 创建并且初始化button
UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
// 设置btn的frame
btn.frame = CGRectMake(100, 100, 200, 200);
// 设置按钮标题
[btn setTitle:@"我是按钮" forState:UIControlStateNormal];
// 添加到view上
[self.view addSubview:btn];
}
- 初始化UIButton的时候,使用buttonWithType这一类方法,传入的参数,决定来了UIButton控件的风格,枚举值有如下几种:
UIButtonTypeCustom = 0, // 自定义按钮
UIButtonTypeSystem , // 系统默认按钮
UIButtonTypeDetailDisclosure, // 详情按钮
UIButtonTypeInfoLight, // 详情按钮
UIButtonTypeInfoDark, // 详情按钮
UIButtonTypeContactAdd, // 添加按钮
UIButtonTypeRoundedRect = UIButtonTypeSystem,
- custom和system两种风格样式类似,system风格只是默认设置了一些类似标题颜色,按钮高亮状态是的样式等属性,而custom这需要我们手动去设置这些属性,其他的也就没什么区别了,我特意的创建了不同的按钮,截图如下:
UIButton控件的交互状态
- 按钮的交互状态由UIControlState类型定义的,如下所示:
UIControlStateNormal // 正常状态
UIControlStateHighlighted // 高亮状态
UIControlStateDisabled // 禁用状态
UIControlStateSelected // 选中状态
UIControlStateFocused // 重按状态
- 对于这些状态显示是如何的,大家可以直接更改上面代码中[btn setTitle:@"我是按钮" forState:UIControlStateNormal]方法传入的参数
UIButton中可以自定义的一些常用属性
// 1.设置标题颜色
btn.tintColor = [UIColor redColor];
// 2.如果创建时是UIButtonTypeCustom风格,那么需要通过如下的方法设置标题颜色
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
// 3.设置背景颜色
btn.backgroundColor = [UIColor yellowColor];
// 4.设置背景图片
[btn setBackgroundImage:[UIImage imageNamed:@"图片名字"] forState:UIControlStateNormal];
如何添加触发方法
- 作为iOS最简单的交互控件,怎么可以缺少触发方法呢.直接上代码
- (void)viewDidLoad {
[super viewDidLoad];
// 创建并且初始化button
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
// 设置btn的frame
btn.frame = CGRectMake(100, 100, 200, 100);
// 设置按钮标题
[btn setTitle:@"改变颜色" forState:UIControlStateNormal];
[btn setTintColor:[UIColor redColor]];
// 添加触发方法
[btn addTarget:self action:@selector(changeColor) forControlEvents:UIControlEventTouchUpInside];
// 添加到view上
[self.view addSubview:btn];
}
// 随机改变背景颜色
- (void)changeColor {
self.view.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1];
}
- 上面代码中,使用addTarget: action:方法为UIButton控件添加了一个触发函数,第一个参数target设置执行方法的对象,基本设置为self;action参数是一个选择器,作用类似于一个函数指针;第三个参数UIControlEvents是触发方法的用户行为,常用的枚举值如下:
UIControlEventTouchDown // 手指按下时触发
UIControlEventTouchDownRepeat // 重复按下时触发
UIControlEventTouchDragInside // 手指在控件范围内拖动是触发
UIControlEventTouchDragOutside // 手指在控件范围外拖动触发
UIControlEventTouchUpInside // 手指在控件范围内按下后抬起时触发
UIControlEventTouchUpOutside // 手指在控件范围内按下后在控件范围外抬起时触发
UIControlEventValueChanged // 控件的发生值改变时触发