UIButton 设置高亮状态的背景颜色

UIButton有普通、高亮、失能、选中四种状态，在公司项目开发中，有时UI给按钮的背景颜色值来区分普通和高亮状态，但是苹果并没有给我们提供设置普通和高亮状态的背景颜色，我们可以利用KVO来实现按钮普通状态和高亮状态的背景颜色，UIButton继承于UIControl，UIControl有个highlighted属性，我们只需要监听这个属性就能实现普通和高亮状态下的背景颜色的切换。

1.首先，添加一个按钮在界面上，我们先设置好普通和高亮状态时的文字，还有圆角

    UIButton *button  = [[UIButton alloc] initWithFrame:CGRectMake(100, 100, 100, 40)];
    [button setTitle:@"normal" forState:UIControlStateNormal];
    [button setTitle:@"highlighted" forState:UIControlStateHighlighted];
    [button setBackgroundColor:[UIColor redColor]];
    button.layer.cornerRadius = 10.0f;
    button.layer.masksToBounds = YES;
    [self.view addSubview:button];

    // 添加观察者方法
    [self addObserver:button];

2.添加观察者

/**
 *  添加观察者
 *
 *  @param button 需要设置的按钮
 */
- (void)addObserver:(UIButton *)button {
    
    [button addObserver:self forKeyPath:@"highlighted" options:NSKeyValueObservingOptionNew context:nil];
}

3.接下来就是实现观察者方法

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context {
    
    UIButton *button = (UIButton *)object;
    if ([keyPath isEqualToString:@"highlighted"]) {
        if (button.highlighted) {
            [button setBackgroundColor:[UIColor blueColor]];
            return;
        }
        [button setBackgroundColor:[UIColor redColor]];
    }
}

这样我们就能在不使用图片的前提下，实现设置高亮和普通状态下的背景颜色
看下具体的效果

button.gif

当然，别忘了移除观察者