快捷導(dǎo)航

iOS利用NSAttributeString實(shí)現(xiàn)不同顏色大小顯示的方法

更新時(shí)間：2018年06月16日 13:46:05 作者：東引甌越

這篇文章主要給大家愛介紹了關(guān)于iOS利用NSAttributeString實(shí)現(xiàn)不同顏色大小顯示的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

最近開發(fā)需求遇到一個(gè)比較簡(jiǎn)單但又棘手的問題.先看需求

一個(gè)UILabel顯示不同大小顏色的字符串,當(dāng)然我們首先的想到屬性字符串,但是注意: 我們這里要處理國(guó)際化完成的字符串也就是說(shuō)：

必須在國(guó)際化完成以后才能追加我們的邏輯,而不是一上來(lái)就加屬性字符串

比如: 2分14秒 or 2min14secs

也就是給我們的是一個(gè) "2分14秒"字符串我們需要匹配range來(lái)修改或者替換. 帶著這個(gè)疑問開始今天的文章?

實(shí)現(xiàn)思路

孔圣賢有云:”舉一隅不以三隅反，則不復(fù)也?！?/p>

出自《論語(yǔ)·第七章·述而篇》

為了不愧對(duì)圣賢對(duì)我的期待我把這個(gè)問題定位升級(jí)成 4個(gè)等級(jí)

Level 1 最優(yōu)解,時(shí)間復(fù)雜度最低,效率最高
Level 2 非最優(yōu)解,時(shí)間復(fù)雜度最低,效率高
Level 3 都一般
Level 4 簡(jiǎn)單粗暴

我想到了以下至少兩種方法

通過(guò)計(jì)算出來(lái)的時(shí)間 eg: 分秒字符串 range去國(guó)際化處理完的字符串去匹配修改
用正則匹配數(shù)字
用謂詞匹配數(shù)字
level4太業(yè)余了不敢想向一個(gè)工作好幾年的開發(fā)者還寫出這么打臉的代碼

準(zhǔn)備工作

在工程中拖拽了一個(gè)label

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *label;
@end
@implementation ViewController
- (void)viewDidLoad {
 [super viewDidLoad];
 
 //調(diào)用
 NSAttributedString *resultTime = [self formattedCurrentTime:133];
 self.label.attributedText = resultTime;
}

方案1: 字符串range匹配

/**
 返回當(dāng)前時(shí)間格式
 @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];
 //假設(shè)這就是我們國(guó)際化后的字符串
 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];;
}

看下顯示結(jié)果

是不是看上去很好

但我認(rèn)為這并不完美,這種搞法雖然簡(jiǎn)單直接,但是過(guò)于依賴minStr和secStr的原始range,基于iOS9之后提供的API計(jì)算range

if (@available(iOS 9.0, *)) {
 minRange = [localizedFormatString localizedStandardRangeOfString:minStr];
 secRange = [localizedFormatString localizedStandardRangeOfString:secStr];
} else {
 minRange = [localizedFormatString rangeOfString:minStr];
 secRange = [localizedFormatString rangeOfString:secStr];
}

注意:API平臺(tái)區(qū)分

但是這么實(shí)現(xiàn)有個(gè)Bug 當(dāng)遇到同樣字符串的時(shí)候就會(huì)匹配錯(cuò)位, 如圖

錯(cuò)誤的原因顯然大家都了解

字符串 “0” 的range相同了,但就解決這個(gè)問題而言,簡(jiǎn)單判斷一下range然后截取字符串向后跳躍length繼續(xù)截取獲取能實(shí)現(xiàn),但這顯然很啰嗦,萬(wàn)一有一天你遇到的是 “0小時(shí)0分12秒“這種字符串那該如何寫呢？

是不是要遞歸的遍歷一遍然后挨個(gè)取Range 做屬性修改?

這樣的結(jié)果顯然不但代碼啰嗦實(shí)現(xiàn)起來(lái)成本還是比較高的,對(duì)代碼閱讀性都有很大影響(寫得好的代碼除外哈).

那怎么不啰嗦呢?

有一種搞法就是用兩個(gè)不同的字符占位.然后國(guó)際化完成之后取Range,再然后替換文字,搞法雖然low點(diǎn),但是時(shí)間復(fù)雜度降低了不少,還是可以考慮的.代碼我就不寫了我怕小伙伴review代碼的時(shí)候會(huì)虐我.繼續(xù)往下看

評(píng)級(jí): Level 2

那如何不依賴range解決這種問題呢？

方案2: 正則匹配

/**
 返回當(dāng)前時(shí)間格式
 @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];
 //假設(shè)這就是我們國(guó)際化后的字符串
 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];;
}

看下顯示結(jié)果

完美實(shí)現(xiàn)

這種方案缺點(diǎn)就是,時(shí)間復(fù)雜度高了一些,需要每次正則遍歷
有點(diǎn)是擴(kuò)展性好一點(diǎn),萬(wàn)一有一天PM又提了需求要做成 A1 B2 C3 XXX#話題這種，那一定會(huì)出坑

但我第一次這么實(shí)現(xiàn)被小伙伴嘲笑很業(yè)余.確實(shí)很業(yè)余,但它能避免方案1中的bug.而且相當(dāng)精確.

評(píng)級(jí): Level 2

方案3: 謂詞匹配

這種搞法我沒嘗試,估計(jì)會(huì)比方案1和方案2都快一些和簡(jiǎn)單直接一些,時(shí)間太緊張算了,期待評(píng)論輕噴吧！

方案4: 簡(jiǎn)單粗暴

就搞 4個(gè)label. 我都想象到了被實(shí)習(xí)生嘲諷+打臉的搞法發(fā)生在一個(gè)工作好幾年開發(fā)者身上是多么慘痛的畫面. 放棄這種low的搞法

總結(jié)

最終解決問題的方案還是方案2:正則匹配比較靠譜,而且一勞永逸

本篇主要蛋疼的問題是國(guó)際化后的字符串返回結(jié)果后,對(duì)返回的結(jié)果進(jìn)行加工處理.

沒有做到Level 1級(jí)的做法很是遺憾,愧對(duì)圣賢. 希望小伙伴多提提建議.

Demo在這里找到

補(bǔ)充

格式化時(shí)間的代碼

/**
 返回時(shí)間格式 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];
}

全文完

好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: