UIButton设置高亮状态下的背景色【原创】

UIButton一般分为高亮的普通两种状态,原生的方法可以设置这两种不同状态下的文字颜色,文字内容,背景图片,按钮图片。但是不能设置按钮的背景色。在网上搜罗了一番,整理并总结了两个比较实用方法。

首先来看下运行效果
buttonHighLighted

1,通过按钮的事件来设置背景色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
- ( void )viewDidLoad {
     [ super viewDidLoad];
     
     UIButton *button1 = [[UIButton alloc] initWithFrame:CGRectMake(50, 200, 100, 50)];
     [button1 setTitle: @"button1" forState:UIControlStateNormal];
     button1.backgroundColor = [UIColor orangeColor];
     [button1 addTarget: self action: @selector (button1BackGroundHighlighted:) forControlEvents:UIControlEventTouchDown];
     [button1 addTarget: self action: @selector (button1BackGroundNormal:) forControlEvents:UIControlEventTouchUpInside];
     [ self .view addSubview:button1];
}
 
//  button1普通状态下的背景色
- ( void )button1BackGroundNormal:(UIButton *)sender
{
     sender.backgroundColor = [UIColor orangeColor];
}
 
//  button1高亮状态下的背景色
- ( void )button1BackGroundHighlighted:(UIButton *)sender
{
     sender.backgroundColor = [UIColor greenColor];
}

2,通过把颜色转换为UIImage来作为按钮不同状态下的背景图片

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
- ( void )viewDidLoad {
     [ super viewDidLoad];
     
     UIButton *button2 = [[UIButton alloc] initWithFrame:CGRectMake(170, 200, 100, 50)];
     [button2 setTitle: @"button2" forState:UIControlStateNormal];
     [button2 setBackgroundImage:[ self imageWithColor:[UIColor redColor]] forState:UIControlStateNormal];
     [button2 setBackgroundImage:[ self imageWithColor:[UIColor grayColor]] forState:UIControlStateHighlighted];
     [ self .view addSubview:button2];
}
 
//  颜色转换为背景图片
- (UIImage *)imageWithColor:(UIColor *)color {
     CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
     UIGraphicsBeginImageContext(rect.size);
     CGContextRef context = UIGraphicsGetCurrentContext();
     
     CGContextSetFillColorWithColor(context, [color CGColor]);
     CGContextFillRect(context, rect);
     
     UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
     UIGraphicsEndImageContext();
     
     return image;
}

最后,奉上demo
ButtonBackGroundColor

本文永久地址:http://blog.it985.com/11543.html
本文出自 IT985博客 ,转载时请注明出处及相应链接。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值