iOS tintColor解析

在UIView中一个相对来说比较小的属性，tintColor属性是相当的强大。今天我们就来看看如何使用他，包含使用tint color进行着色标准控件、我们自定义控件甚至重新着色图像。

本章的实例程序能够在github上面进行访问，访问地址:github.com/ShinobiControls/iOS7-day-by-day

Tint color of existing iOS controller – 使用tint color为iOS中已经存在的控件进行着色

在iOS7中，UIView新增了一个属性tintColor.这是一个UIColor，被使用在UIView中改变应用程序的外观的。默认tintColor的值为nil，这表示它将会运用父视图层次的颜色来进行着色。如果父视图中没有设置tintColor，那么默认系统就会使用蓝色。因此，可以通过设置root view controller的tintColor来改变系统整体的颜色。

为了证明这一点，我们需要知道tintColor如何改变标准控件的外观，可以看看我们已经写好的ColorChanger应用程序。

在storyboard中包含了一系列的控件，包括UIButton, UISlider和UIStepper,在view controller中我们有一个改变颜色的按钮关联到下面的方法:

1
2
3
4
5
6
7
8

- (IBAction)changeColorHandler:(id)sender {
  // Generate a random color
  CGFloat hue = (arc4random() % 256 / 256.0);
  CGFloat saturation = (arc4random() % 128 / 256.0) + 0.5;
  CGFloat brightness = (arc4random() % 128 / 256.0) + 0.5;
  UIColor *color = [UIColor colorWithHue:hue staturation:saturation brightness:brightnee alpha:1];
  self.view.tintColor = color;
}

这个方法的主体就是生成一个随机的颜色， 最后一行设置tint color。

有一个UI control并不是响应tintColor的变化，它就是UIProgressView.是因为它具有两个tint colors(一个是设置进度条本身，一个设置进度轨道色的)，为了能够改变，我们需要添加一个方法:

1
2
3

- (void)updateProgressViewTint {
  self.progressView.progressTintColor = self.view.tintColor;
}

当调用changeColorHandler:方法之后:

Tint Dimming – 颜色变暗

除了能够设置色调颜色(tintColor),还有另外的一个属性在UIView中，它可以使tint color变暗, 因此整个视图层次变暗。这个属性是tintAdjustmentMode,并且它可以在三个值里面选择一个设置(UIViewTintAdjustmentModeNormal, UIViewTintAdjustmentModeDimmed和UIViewTintAdjustmentModeAutomatic)

为了展示这个效果，我们需要添加一个UISwitch控件并且绑定它的valueChanged:事件到下面的方法上面:

1
2
3
4
5
6
7
8
9

- (IBAction)dimTintHandler:(id)sender {
  if (self.dimTintSwitch.isOn) {
      self.view.tintAdjustMentMode = UIViewTintAdjustmentModeDimmed;
  }else {
      self.view.tintAdjustmentMode = UIViewTintAdjustmentModeNormal;
  }

  [self updateProgressViewTint];
}

当你点击UISwitch之后，整个页面变暗了，这样的很方便进行弹出框的效果，展示弹出框的时候，后面的页面变暗，以免分散用户的注意力。

Using tint color in custom views – 给自定义发视图进行着色

UIView中有一个新的方法，当tintColor或者tintAdjustmentMode属性发生变化的时候就会调用这个方法。

为了查看它是如何工作的，我们需要创建一个UIView的子类，它包含一个整个的色块，一个标签的文本颜色和tint color相同，还有一个一直保持灰色的标签。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

@implementation SCSampleCustomControl {
  UIView *_tintColorBlock;
  UILabel *_greyLabel;
  UILabel *_tintColorLabel;
}

- (id)initWithCoder:(NSCoder *)aDecoder {
  self = [super initWithCoder:aDecoder];
  if (self) {
      self.backgroundColor = [UIColor clearColor];
      [self prepareSubViews];
  }
}

- (void)prepareSubviews {
  _tintColorBlock = [[UIView alloc] init];
  _tintColorBlock.backgroundColor = self.tintColor;
  [self addSubview:_titnColorBlock];

  _greyLabel = [[UILabel alloc] init];
  _greyLabel.text = @"Grey label";
  _greyLabel.textColor = [UIColor grayColor];
  [_greyLabel sizeToFit];
  [self addSubview:_greyLabel];

  _tintColorLabel = [[UILabel alloc] init];
  _tintColorLabel.text = @"Tint color label";
  _tintColorLabel.textColor = self.tintColor;
  [_tintColorLabel sizeToFit];
  [self addSubview:_tintColorLabel];
}

- (void)layoutSubviews {
  _tintColorBlock.frame = CGRectMake(0, 0, CGRectGetWidth(self.bounds) / 3, CGRectGetHeight(self.bounds));
  CGRect frame = _greyLabel.frame;
  frame.origin.x = CGRectGetWidth(self.bounds) / 3 + 10;
  frame.origin.y = 0;
  _greyLabel.frame = frame;

  frame = _tintColorLabel.frame;
  frame.origin.x = CGRectGetWidth(self.bounds) / 3 + 10;
  frame.origin.y = CGRectGetHeight(self.bounds) / 2;
  _tintColorLabel.frame = frame;
}

@end

到目前为止，我们都没有做什么新鲜的事情，只是搭建了一个简单的UIView的子类。有趣的内容现在就来了。我们复写一个新的方法tintColorDidChange:

1
2
3
4

- (void)tintColorDidChange {
  _tintColorLabel.textColor = self.tintColor;
  _tintColorBlock.backgroundColor = self.tintColor;
}

我们做的就是根据当前view的tintColor进行设置一些控件的颜色。

就是这么的简单。在view controller中的代码并不需要修改，因为设置tintColor只是在UIView层次中进行赋值。

Tinting images with tintColor – 给图像着色

最后有关tintColor比较cool的能力就是，它可以为一个图像着色。图像着色的时候会把所有像素alpha为1的全部变换成tintColor的颜色，其他的颜色就会设置成透明。

在这个demo中，我将会展示如何着色图片。

我们需要在storyboard中添加一个UIImageView,并且设置关联为tintedImageView,然后在viewDidLoad中添加如下代码:

1
2
3
4
5
6
7

// Load the image
UIImage *shinobiHead = [UIImage imageNamed:@"shinobihead"];
// Set the rendering mode to respect tint color
shinobiHead = [shinobiHead imageWithRenderingMode:UIImageRenderingModeAlwarysTemplate];
// And set to the image view
self.tintedImageView.image = shinobiHead;
self.tintedImageView.contentMode = UIViewContentModeScaleAspectFit;

首先我们加载一个图像，然后我们调用imageWithRenderingMode:方法来改变图像渲染模式为UIImageRenderingModeAlwaysTemplate,其他两个选项是UIImageRenderingModeAlwaysOriginal和andUIImageRenderingModeAutomatic。默认是andUIImageRenderingModeAutomatic,在这个情况下，根据上下文来改变图像，例如标签栏、工具栏等都是设置成模板对象。

一旦你设置图像的模式为模板图像，并且设置比例，确保图不失真。

Conclusion – 总结

表面上tintColor很简单的UIView,然而,它实际上代表了一些令人难以置信的强大的外观定制功能。如果你创建自己的UIView子类或自定义控件,然后,我鼓励你,实现tintColorDidChange——它会让你的工作更多的与标准UIKit组件串联。

时间： 2024-10-12 12:06:34

iOS tintColor解析的相关文章

iOS xml解析

iOS xml 解析方法有两种:SAX , DOM. SAX 不用借助第三方,在解析过程中逐行解析.(NSXMLParser,需要实现代理),具体步骤: 1.获取文件路径. 2.创建 NSXMLParser 对象. 3.遵守协议,设置代理. 4.实现代理方法 1>- (void)parserDidStartDocument:  ---- 开始解析 2>- (void)parserDidEndDocument: ----解析结束 3>- (void)parser:didStartEleme

iOS 基础类解析 - NSObject

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. NSObject Class Reference Inherits from none (NSObject is a root class) Co

iOS 基础类解析 - NSDate

NSDate Class Reference Inherits from NSObject Conforms to NSCopying NSSecureCoding NSObject (NSObject) Framework /System/Library/Frameworks/Foundation.framework Availability Available in iOS 2.0 and later. Declared in NSDate.h Companion guides Date a

IOS 原生解析JSON 问题

服务器----WebService 返回的是JSON数据 IOS解析报错: Error Domain=NSCocoaErrorDomain Code=3840 "Unable to convert data to string around character 56." UserInfo={NSDebugDescription=Unable to convert data to string around character 56.} Code = 3840 错误 通过我将JSON写成

iOS 基础类解析 - NSNumber

NSNumber Class Reference Inherits from NSValue : NSObject Conforms to NSCopying (NSValue) NSSecureCoding (NSValue) NSObject (NSObject) Framework /System/Library/Frameworks/Foundation.framework Availability Available in iOS 2.0 and later. Declared in

iOS 基础类解析 - NSData

NSData Class Reference Inherits from NSObject Conforms to NSCopying NSMutableCopying NSSecureCoding NSObject (NSObject) Framework /System/Library/Frameworks/Foundation.framework Availability Available in iOS 2.0 and later. Declared in NSData.h Compan

iOS 基础类解析 - NSString

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 以下从苹果官网摘录的 NSString 的目录信息,大家发现了,条目太多,不过看一下分类,一共24个,好像少很多了吧,就是这样,理解了每一个分类所

iOS中解析 XML / JSON

JSON数据格式 1. 概述: JSON (JavaScript Object Notation) 是?一种轻量级的数据交换格式 基于?文本格式,易于?人阅读和编写,同时也易于机器解析和?生成. 2. JSON 数据的书写格式是:名称/值 • 名称写在前?面(在双引号中) • 值对写在后?面 • 中间?用冒号隔开 3. JSON 值?支持类型 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true 或 false) 数组(在中括号中) 对象(在花括号中) null JSON格式?一:最外层

IOS 文件解析

1 import java.io.BufferedInputStream; 2 import java.io.File; 3 import java.io.FileInputStream; 4 import java.io.IOException; 5 import java.io.InputStream; 6 import java.io.StringReader; 7 import java.util.ArrayList; 8 import java.util.HashMap; 9 impo