iOS利用NSAttributeString實現(xiàn)不同顏色大小顯示的方法
前言
最近開發(fā)需求遇到一個比較簡單但又棘手的問題.先看需求
一個UILabel顯示不同大小顏色的字符串,當(dāng)然我們首先的想到屬性字符串,但是注意: 我們這里要處理國際化完成的字符串也就是說:
必須在國際化完成以后才能追加我們的邏輯,而不是一上來就加屬性字符串
比如: 2分14秒 or 2min14secs
也就是給我們的是一個 "2分14秒"字符串 我們需要匹配range來修改或者替換. 帶著這個疑問開始今天的文章?
實現(xiàn)思路
孔圣賢有云:”舉一隅不以三隅反,則不復(fù)也。”
出自《論語·第七章·述而篇》
為了不愧對圣賢對我的期待我把 這個問題定位升級成 4個等級
- Level 1 最優(yōu)解,時間復(fù)雜度最低,效率最高
- Level 2 非最優(yōu)解,時間復(fù)雜度最低,效率高
- Level 3 都一般
- Level 4 簡單粗暴
我想到了以下至少兩種方法
- 通過計算出來的時間 eg: 分 秒 字符串 range去國際化處理完的字符串去匹配修改
- 用正則匹配數(shù)字
- 用謂詞匹配數(shù)字
- level4太業(yè)余了不敢想向一個工作好幾年的開發(fā)者還寫出這么打臉的代碼
準(zhǔn)備工作
在工程中拖拽了一個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)前時間格式 @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è)這就是我們國際化后的字符串 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)為這并不完美,這種搞法雖然簡單直接,但是過于依賴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平臺區(qū)分
但是這么實現(xiàn)有個Bug 當(dāng)遇到同樣字符串的時候就會匹配錯位, 如圖
錯誤的原因顯然大家都了解
字符串 “0” 的range相同了,但就解決這個問題而言,簡單判斷一下range然后截取字符串向后跳躍length繼續(xù)截取獲取能實現(xiàn),但這顯然很啰嗦,萬一有一天 你遇到的是 “0小時0分12秒“這種字符串那該如何寫呢?
是不是要遞歸的遍歷一遍然后挨個取Range 做屬性修改?
這樣的結(jié)果顯然不但代碼啰嗦 實現(xiàn)起來成本還是比較高的,對代碼閱讀性都有很大影響(寫得好的代碼除外哈).
那怎么不啰嗦呢?
有一種搞法就是 用兩個不同的字符占位.然后 國際化完成之后取Range,再然后替換文字,搞法雖然low點(diǎn),但是時間復(fù)雜度降低了不少,還是可以考慮的.代碼我就不寫了 我怕小伙伴review代碼的時候會虐我.繼續(xù)往下看
評級: Level 2
那如何不依賴range解決這種問題呢?
方案2: 正則匹配
/** 返回當(dāng)前時間格式 @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è)這就是我們國際化后的字符串 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é)果
完美實現(xiàn)
這種方案缺點(diǎn)就是,時間復(fù)雜度高了一些,需要每次正則遍歷
有點(diǎn)是擴(kuò)展性好一點(diǎn),萬一有一天PM又提了需求要做成 A1 B2 C3 XXX#話題這種,那一定會出坑
但我第一次這么實現(xiàn)被小伙伴嘲笑很業(yè)余.確實很業(yè)余,但它能避免方案1中的bug.而且相當(dāng)精確.
評級: Level 2
方案3: 謂詞匹配
這種搞法我沒嘗試,估計會比 方案1和方案2都快一些和簡單直接一些,時間太緊張算了,期待評論輕噴吧!
方案4: 簡單粗暴
就搞 4個label. 我都想象到了被實習(xí)生嘲諷+打臉的搞法發(fā)生在一個工作好幾年開發(fā)者身上是多么慘痛的畫面. 放棄這種low的搞法
總結(jié)
最終解決問題的方案還是方案2:正則匹配比較靠譜,而且一勞永逸
本篇主要蛋疼的問題是 國際化后的字符串返回結(jié)果后,對返回的結(jié)果進(jìn)行加工處理.
沒有做到Level 1級的做法很是遺憾,愧對圣賢. 希望小伙伴多提提建議.
Demo在這里找到
補(bǔ)充
格式化時間的代碼
/** 返回時間格式 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]; }
全文完
好了,以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
ios實現(xiàn)底部PopupWindow的示例代碼(底部彈出菜單)
這篇文章主要介紹了ios實現(xiàn)底部PopupWindow的示例代碼(底部彈出菜單),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-01-01iOS自定義collectionView實現(xiàn)毛玻璃效果
不知道大家發(fā)現(xiàn)沒有蘋果在iOS7.0之后,很多系統(tǒng)界面都使用了毛玻璃效果,增加了界面的美觀性,所以這篇文章跟大家分享個iOS自定義collectionView實現(xiàn)毛玻璃效果的方法,有需要的可以參考借鑒,下面來一起看看。2016-09-09iOS App開發(fā)中擴(kuò)展RCLabel組件進(jìn)行基于HTML的文本布局
RCLabel組件基于CoreText框架,可以將HTML標(biāo)記的文本內(nèi)容轉(zhuǎn)為富文本視圖,這里我們就來解讀如何在iOS App開發(fā)中擴(kuò)展RCLabel組件進(jìn)行基于HTML的文本布局:2016-07-07iOS 8使用UIBlurEffect實現(xiàn)毛玻璃特效
這篇文章主要為大家詳細(xì)介紹了iOS 8使用UIBlurEffect類和UIVisualEffectView類實現(xiàn)毛玻璃特效,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-05-05詳解iOS如何讓Lottie使用網(wǎng)絡(luò)資源做動畫的實現(xiàn)
這篇文章主要為大家介紹了iOS如何讓Lottie使用網(wǎng)絡(luò)資源做動畫實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02