iOS利用NSAttributeString实现不同颜色大小显示的方法

这篇文章主要给大家爱介绍了关于iOS利用NSAttributeString实现不同颜色大小显示的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

前言

最近开发需求遇到一个比较简单但又棘手的问题.先看需求

一个uilabel显示不同大小颜色的字符串,当然我们首先的想到属性字符串,但是注意: 我们这里要处理国际化完成的字符串也就是说：

必须在国际化完成以后才能追加我们的逻辑,而不是一上来就加属性字符串

比如: 2分14秒 or 2min14secs

也就是给我们的是一个 "2分14秒"字符串我们需要匹配range来修改或者替换. 带着这个疑问开始今天的文章?

实现思路

孔圣贤有云:”举一隅不以三隅反，则不复也。”

出自《论语·第七章·述而篇》

为了不愧对圣贤对我的期待我把这个问题定位升级成 4个等级

level 1 最优解,时间复杂度最低,效率最高
level 2 非最优解,时间复杂度最低,效率高
level 3 都一般
level 4 简单粗暴

我想到了以下至少两种方法

通过计算出来的时间 eg: 分秒字符串 range去国际化处理完的字符串去匹配修改
用正则匹配数字
用谓词匹配数字
level4太业余了不敢想向一个工作好几年的开发者还写出这么打脸的代码

准备工作

在工程中拖拽了一个label

									@interface viewcontroller ()

									@property (weak, nonatomic) iboutlet uilabel *label;

									@end

									@implementation viewcontroller

									- (void)viewdidload {

									 [super viewdidload];

									 //调用

									 nsattributedstring *resulttime = [self formattedcurrenttime:133];

									 self.label.attributedtext = resulttime;

									}

方案1: 字符串range匹配

									/**

									 返回当前时间格式

									 @return 返回组装好的字符串

									 */

									- (nsattributedstring *)formattedcurrenttime:(nstimeinterval)timeinterval {

									 nsuinteger time = (nsuinteger)timeinterval;

									 nsinteger minutes = (time / 60) % 60;

									 nsinteger seconds = time % 60;

									 nsstring *minstr = [nsstring stringwithformat:@" %zd ",minutes];

									 nsstring *secstr = [nsstring stringwithformat:@" %zd ",seconds];

									 //假设这就是我们国际化后的字符串

									 nsstring *localizedformatstring = [nsstring stringwithformat:@"%@分%@秒",minstr,secstr];

									 nsmutableattributedstring *attributestr = [[nsmutableattributedstring alloc] initwithstring:localizedformatstring];

									 nsrange minrange, secrange;

									 if (@available(ios 9.0, *)) {

									 minrange = [localizedformatstring localizedstandardrangeofstring:minstr];

									 secrange = [localizedformatstring localizedstandardrangeofstring:secstr];

									 } else {

									 minrange = [localizedformatstring rangeofstring:minstr];

									 secrange = [localizedformatstring rangeofstring:secstr];

									 }

									 nsdictionary *timeattrs = @{ nsforegroundcolorattributename : [uicolor redcolor],

									     nsfontattributename : [uifont systemfontofsize:40.0f]};

									 [attributestr addattributes:timeattrs range:minrange];

									 [attributestr addattributes:timeattrs range:secrange]; 

									 return [[nsattributedstring alloc] initwithattributedstring:attributestr];;

									}

看下显示结果

iOS利用NSAttributeString实现不同颜色大小显示的方法

是不是看上去很好

但我认为这并不完美,这种搞法虽然简单直接,但是过于依赖minstr和secstr的原始range,基于ios9之后提供的api计算range

									if (@available(ios 9.0, *)) {

									 minrange = [localizedformatstring localizedstandardrangeofstring:minstr];

									 secrange = [localizedformatstring localizedstandardrangeofstring:secstr];

									} else {

									 minrange = [localizedformatstring rangeofstring:minstr];

									 secrange = [localizedformatstring rangeofstring:secstr];

									}

注意:api平台区分

但是这么实现有个bug 当遇到同样字符串的时候就会匹配错位, 如图

iOS利用NSAttributeString实现不同颜色大小显示的方法

错误的原因显然大家都了解

字符串 “0” 的range相同了,但就解决这个问题而言,简单判断一下range然后截取字符串向后跳跃length继续截取获取能实现,但这显然很啰嗦,万一有一天你遇到的是 “0小时0分12秒“这种字符串那该如何写呢？

是不是要递归的遍历一遍然后挨个取range 做属性修改?

这样的结果显然不但代码啰嗦实现起来成本还是比较高的,对代码阅读性都有很大影响(写得好的代码除外哈).

那怎么不啰嗦呢?

有一种搞法就是用两个不同的字符占位.然后国际化完成之后取range,再然后替换文字,搞法虽然low点,但是时间复杂度降低了不少,还是可以考虑的.代码我就不写了我怕小伙伴review代码的时候会虐我.继续往下看

评级: level 2

那如何不依赖range解决这种问题呢？

方案2: 正则匹配

									/**

									 返回当前时间格式

									 @return 返回组装好的字符串

									 */

									- (nsattributedstring *)formattedcurrenttime:(nstimeinterval)timeinterval {

									 nsuinteger time = (nsuinteger)timeinterval;

									 nsinteger minutes = (time / 60) % 60;

									 nsinteger seconds = time % 60;

									 nsstring *minstr = [nsstring stringwithformat:@" %zd ",minutes];

									 nsstring *secstr = [nsstring stringwithformat:@" %zd ",seconds];

									 //假设这就是我们国际化后的字符串

									 nsstring *localizedformatstring = [nsstring stringwithformat:@"%@分%@秒",minstr,secstr];

									 nsmutableattributedstring *attributestr = [[nsmutableattributedstring alloc] initwithstring:localizedformatstring];

									 nsdictionary *timeattrs = @{ nsforegroundcolorattributename : [uicolor redcolor],

									     nsfontattributename : [uifont systemfontofsize:40.0f]}; 

									 /** 方案2 **/

									 nserror *error = nil;

									 nsregularexpression *reg = [nsregularexpression regularexpressionwithpattern:@"[0-9]+" options:nsregularexpressioncaseinsensitive error:&error];

									 if (error == nil) {

									 nsarray *matches = [reg matchesinstring:localizedformatstring options:nsmatchingreportcompletion range:nsmakerange(0, localizedformatstring.length)];

									 for (nstextcheckingresult *match in matches) {

									  for (nsuinteger i = 0; i < match.numberofranges; i++) {

									  nsrange range = [match rangeatindex:i];

									  if (range.location != nsnotfound) {

									   [attributestr addattributes:timeattrs range:range];

									  }

									  }

									 }

									 }

									 return [[nsattributedstring alloc] initwithattributedstring:attributestr];;

									}

看下显示结果

iOS利用NSAttributeString实现不同颜色大小显示的方法

完美实现

这种方案缺点就是,时间复杂度高了一些,需要每次正则遍历
有点是扩展性好一点,万一有一天pm又提了需求要做成 a1 b2 c3 xxx#话题这种，那一定会出坑

但我第一次这么实现被小伙伴嘲笑很业余.确实很业余,但它能避免方案1中的bug.而且相当精确.

评级: level 2

方案3: 谓词匹配

这种搞法我没尝试,估计会比方案1和方案2都快一些和简单直接一些,时间太紧张算了,期待评论轻喷吧！

方案4: 简单粗暴

就搞 4个label. 我都想象到了被实习生嘲讽+打脸的搞法发生在一个工作好几年开发者身上是多么惨痛的画面. 放弃这种low的搞法

总结

最终解决问题的方案还是方案2:正则匹配比较靠谱,而且一劳永逸

本篇主要蛋疼的问题是国际化后的字符串返回结果后,对返回的结果进行加工处理.

没有做到level 1级的做法很是遗憾,愧对圣贤. 希望小伙伴多提提建议.

demo在这里找到

补充

格式化时间的代码

									/**

									 返回时间格式 hh:mm:ss

									 @return 返回组装好的字符串

									 */

									- (nsstring *)formattedcurrenttime {

									 nsuinteger time = (nsuinteger)self.recorder.currenttime;

									 nsinteger hours = (time / 3600);

									 nsinteger minutes = (time / 60) % 60;

									 nsinteger seconds = time % 60;

									 nsstring *format = @"%02i:%02i:%02i";

									 return [nsstring stringwithformat:format, hours, minutes, seconds];

									}