iOS UIButton UIBarButtonItem用法

转载

弘珧 2020-06-02 10:09:05

来源：https://www.jianshu.com/p/1ab1850c2ee7

UIButton作为最常用的控件之一，其继承了父类UIView的属性和方法，同时由于其继承了UIControl使其与UIView区别开来，可以接收touch事件。

UIButton常用方法

1）UIButton的创建

UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
button.titleLabel.text = @"button";
button.backgroundColor = [UIColor redColor];
[self.view addSubview:button];

效果如下图，可以看到button的title并没有显示出来,why?

button设置title效果图

于是默默的打印了button...

<UIButtonLabel: 0x7fccf9725290; frame = (0 0; 0 0);
text = 'button'; hidden = YES; opaque = NO; userInteractionEnabled = NO;
layer = <_UILabelLayer: 0x7fccf97258e0>>

可以看到直接用点语法设置title时button上的label frame为0，且hidden属性为YES，title自然不能显示，需要改用set方法进行设置。

UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
[button setTitle:@"button" forState:UIControlStateNormal];
button.backgroundColor = [UIColor redColor];
[self.view addSubview:button];

效果如下图，可以看到button的title显示出来了。

button设置title效果图

此时button上的label为：

<UIButtonLabel: 0x7fc90243b660; frame = (50 50; 0 0);
text = 'button'; opaque = NO;
userInteractionEnabled = NO;
layer = <_UILabelLayer: 0x7fc90243bcb0>>

2）设置按钮图片
首先我尝试了这样的方法：

button.imageView.image = [UIImage imageNamed:@"minion"];

很遗憾，图片并未显示，于是很自然的改用set方法

[button setImage:[UIImage imageNamed:@"minion"] forState:UIControlStateNormal];

效果如下图，button的图片显示出来了，而且图片缩放到了button的大小。

button设置图片效果图

3）设置按钮图片边距
很多时候并不想图片直接占满整个button，而是希望在上下左右留出一定边距。这需要用到imageEdgeInsets属性：

button.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10);

效果如下图，button图片上左下右的边距都设置成了10，当然如果是背景图则无效。

button设置图片边距效果图

4）button的几个状态

UIControlStateNormal
正常状态，默认状态，既不是selected状态也不是高亮状态的一种状态。
UIControlStateHighlighted
高亮状态，即按钮被点击且手还未离开按钮的一个状态。
UIControlStateSelected
选中状态，不是字面上理解的按钮被点击选中，而是一种通过过改变其selected属性来改变的一种状态。
UIControlStateDisabled
不可用状态，即按钮此时处于灰色不能响应点击的状态。

我们时常有这样一个需求：当点击某个按钮时改变其显示的图片，当再点击时又变回原来的图片。这就可以通过改变按钮的正常状态和选中状态切换来实现。

- (void)viewDidLoad {
[super viewDidLoad];
[self.btn setImage:[UIImage imageNamed:@"duck"] forState:UIControlStateNormal];
[self.btn setImage:[UIImage imageNamed:@"pinguin"] forState:UIControlStateSelected];
}
- (IBAction)click:(UIButton *)sender {
sender.selected = !sender.selected;
}

正常选中状态切换效果图

从上面的动图可以看到每次点击,图片切换了，但是当点击按钮且离开按钮前显示了图片默认的高亮状态图，感觉有些突兀，想直接切换不要显示高亮状态的图片。有没有什么方法可以使状态切换由normal->highlighted->selected跳过highlighted变为normal->selected呢？那就把正常状态到高亮设置成一样，把选中状态到高亮状态的图片设置成一样不就没有突变了么。

- (void)viewDidLoad {
[super viewDidLoad];
[self.btn setImage:[UIImage imageNamed:@"duck"] forState:UIControlStateHighlighted];
[self.btn setImage:[UIImage imageNamed:@"duck"] forState:UIControlStateNormal];
[self.btn setImage:[UIImage imageNamed:@"pinguin"] forState:UIControlStateSelected];
//选中状态下的高亮图片
[self.btn setImage:[UIImage imageNamed:@"pinguin"] forState:UIControlStateSelected|UIControlStateHighlighted];
}

正常选中状态切换效果图

可以看到由normal->highlighted的高亮状态还在，太恶心了，看来只有在子类重写button的setHighted来屏蔽系统高亮方法了。其实最简单做法是让button的类型Type由System改为Custom。效果如下：状态切换一点也不闹心了，不过系统的东西都没了，tintColor什么的都没用了。