iOS：tintColor详解

什么是tintColor

tintColor是UIView的一个属性，属性返回一个UIColor对象。

tintColor的作用机制

作用机制有两个，分别为寻找和传递。寻找也就是通过get方法获取属性的值。传递也就是当主动改变tintColor时，tintColor是如何影响子视图的。

寻找过程：

• 寻找过程是从自己开始向父控件传递
• 如果找到了主动设置的tintColor，则停止寻找，返回改值
• 如果到了window层都没有找到，则返回的是UIWindow主动设定的蓝色tintColor

传递过程：

• 传递过程（影响范围）是从主动改变tintColor的那个视图开始向其子类传递
• 如果子视图的tintColor是通过父视图传递得到的（也就是不是主动设定的），那么就设置该子视图的tintColor属性并调用该子视图的tintColorDidChange方法
• 如果子视图的tintColor是主动设定的，则到此子视图终止且不会影响到这个子视图。从这个子视图开始，其下层的tintColor机制由这个子视图控制（也就是说这个主动设定tintColor的子视图的tintColor改变时才会影响该子视图下面的子视图）。

tintColor的作用原理

核心原理是tintColorDidChange方法。两种情况下会调用该方法：

• tintColor的值发生改变
• 子类的tintColor是通过继承（从superview传递）得到时，上层tintColor发生改变时
  也就是说，tintColor只是提供一种颜色传递机制并在两种情况下主动调用该方法，所以如果系统没有实现对应的方法，那么需要自己去实现对应的方法来完成不同的效果。而UIButton中的systemStyle就是实现了该方法，custom的就没有实现。

验证

    - (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor whiteColor];
    
    // 自定义的view实现了backgroundColor随着tintColore改变而改变
    TintColorView *v = [TintColorView new];
    v.frame = CGRectMake(0, 40, 200, 200);
    [self.view addSubview:v];
    
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
    [btn setTitle:@"UIButtonTypeCustom按钮" forState:UIControlStateNormal];
    [btn setImage:[UIImage imageNamed:@"phone"] forState:UIControlStateNormal];
    btn.frame = CGRectMake(0, 280, 150, 90);
    [btn addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn];
    
    UIImage *oriImage = [UIImage imageNamed:@"phone"];
    UIImage *changeImage = [oriImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    TintColorBtn *btn2 = [TintColorBtn buttonWithType:UIButtonTypeCustom];
    btn2.adjustsImageWhenHighlighted = NO;
    [btn2 setTitle:@"自定义按钮" forState:UIControlStateNormal];
    // 这里如果设置的是oriImage，则点击btn2时，自身的image不会变化颜色
    [btn2 setImage:changeImage forState:UIControlStateNormal];
    btn2.frame = CGRectMake(200, 280, 150, 90);
    [btn2 addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn2];
    
    UIImageView *imageView = [UIImageView new];
    UIImage *image1 = [UIImage imageNamed:@"phone"];
    imageView.image = [image1 imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    imageView.frame = CGRectMake(200, 40, 40, 40);
    [self.view addSubview:imageView];
    
    UIImageView *imageView2 = [UIImageView new];
    // 这样设定时，不同于imageView，imageView2的图片颜色不会发生改变
    imageView2.image = [UIImage imageNamed:@"phone"];
    imageView2.frame = CGRectMake(200, 100, 40, 40);
    [self.view addSubview:imageView2];
}

TintColorBt继承自button，其中tintColorDidChange为：

- (void)tintColorDidChange {
    [self setTitleColor:self.self.tintColor forState:UIControlStateNormal];
}

点击事件：

- (void)btnClick {
    CGFloat red =  (CGFloat)random() / (CGFloat)RAND_MAX;
    CGFloat blue = (CGFloat)random() / (CGFloat)RAND_MAX;
    CGFloat green = (CGFloat)random() / (CGFloat)RAND_MAX;
    
    // 注意：默认情况下，view的tintColor的改变并不会影响其backgroundColor的改变，如果需要这个功能，需要自定View
    self.view.tintColor = [UIColor colorWithRed:red green:green blue:blue alpha:1.0];
}

结果：

延伸：
systemButton中设置：

    btn.tintColor = [UIColor redColor];

结果：
只有自定的button颜色改变，因为tintColor传递终止了

tintColor不能使用pattern

pattern color就是通过image转换过来的color，使用如下：

self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"tiny"]];

结果：

未解决的问题：
两个btn都不使用renderingModel为Template的image，会出现以下现象，点击自定的button时，图片颜色不改变，如下：

代码：

- (void)viewDidLoad {
    [super viewDidLoad];
//    [self test1];
    
    self.view.backgroundColor = [UIColor whiteColor];
    
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
    [btn setTitle:@"UIButtonTypeCustom按钮" forState:UIControlStateNormal];
    [btn setImage:[UIImage imageNamed:@"phone"] forState:UIControlStateNormal];
    btn.frame = CGRectMake(0, 280, 150, 90);
    [btn addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn];
    
    TintColorBtn *btn2 = [TintColorBtn buttonWithType:UIButtonTypeCustom];
    btn2.adjustsImageWhenHighlighted = NO;
    [btn2 setTitle:@"自定义按钮" forState:UIControlStateNormal];
    // 这里如果设置的是oriImage，则点击btn2时，自身的image不会变化颜色
    [btn2 setImage:[UIImage imageNamed:@"phone"] forState:UIControlStateNormal];
    btn2.frame = CGRectMake(200, 280, 150, 90);
    [btn2 addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn2];
}

自定义的btn中：

- (void)tintColorDidChange {
    [self setTitleColor:self.self.tintColor forState:UIControlStateNormal];
    UIImage *image = [self.imageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    self.imageView.image = image;
}