在iOS開發中經常會遇到一些圖文混排的情況，特別是在微博類應用的開發過程中經常會遇到各種表情，各種連結的解析。筆者在實踐開發中經歷了幾次這種型別的開發，由最開始的利用WebView進行佈局到最後利用富文字進行佈局，對該部分的開發積累了一定的經驗，現對富文字與正則表示式混用實現圖文混排進行總結：

一.富文字

     WebView雖然也可以實現圖文混排的效果，但是在使用的時候比較複雜，而且WebVIew的記憶體洩漏相當明顯，使用不好反而得補償失。現在很多的新聞類App都採用自己寫的富文字進行圖文混排。在很多情況下，富文字表現予外的是一個Label，將要顯示的內容通過正則等封裝成HTML字串，然後顯示在介面上，

下面就是按照步驟實現這一功能：

（1）先下載已經封裝好的富文字標籤類RCLabel（http://www.okbase.net/file/item/20694）

    該類是由一牛人封裝好的用於實現圖文混排的富文字類，在下載下來的原始碼中可以看到其用法，但是這裡有一個較為複雜的問題是你每次都需要手動將你要顯示的內容封裝成HTML格式的文字，這個過程相當繁瑣而且容易出錯，所以我在這個基礎上進行了改進，將封裝HTML的方法通過正則表示式獨立開來，這樣就實現了RCLabel與正則實現圖文混排，以下是程式碼：

     將字串轉化成HTML的正則如下：

     .h標頭檔案

1.  #import 
   <Foundation/Foundation.h>
2. @interface HtmlString : NSString  
3. + (NSString *)transformString:(NSString *)originalStr;  
4. @end  

     .m檔案

1.  #import "HtmlString.h"  
2. #import <Foundation/NSObjCRuntime.h>
3. #import "RegexKitLite.h"  
4. @implementation HtmlString  
5. + (NSString *)transformString:(NSString *)originalStr  
6. {  
7.     NSString *text = originalStr;  
8.     //解析http://短連結  
9.     NSString *regex_http [email protected]"http(s)?://([a-zA-Z|\\d]+\\.)+[a-zA-Z|\\d]+(/[a-zA-Z|\\d|\\-|\\+|_./?%&=]*)?";//http://短連結正則表示式  
10.     NSArray *array_http = [text componentsMatchedByRegex:regex_http];  
11.     if ([array_http count]) {  
12.         for (NSString *strin array_http) {  
13.             NSRange range = [text rangeOfString:str];  
14.             NSString *funUrlStr = [NSStringstringWithFormat:@"<ahref=%@>%@</a>",str, str];  
15.             text = [text stringByReplacingCharactersInRange:NSMakeRange(range.location, str.length)withString:funUrlStr];  
16.         }  
17.     }  
18.     //解析@  
19.     NSString *regex_at [email protected]"@[\\u4e00-\\u9fa5\\w\\-]+";//@的正則表示式  
20.     NSArray *array_at = [text componentsMatchedByRegex:regex_at];  
21.     if ([array_at count]) {  
22.         NSMutableArray *test_arr = [[NSMutableArrayalloc]init];  
23.         for (NSString *strin array_at) {  
24.             NSRange range = [text rangeOfString:str];  
25.             if (![test_arr containsObject:str]) {  
26.                 [test_arr addObject:str];  
27.                 NSString *funUrlStr = [NSStringstringWithFormat:@"<ahref=%@>%@</a>",str, str];  
28.                 text = [text stringByReplacingCharactersInRange:NSMakeRange(range.location, [str length]) withString:funUrlStr];  
29.             }  
30.         }  
31.         [test_arr release];  
32.     }  
33.     //解析&  
34.     NSString *regex_dot [email protected]"\\$\\*?[\u4e00-\u9fa5|a-zA-Z|\\d]{2,8}(\\((SH|SZ)?\\d+\\))?";//&的正則表示式  
35.     NSArray *array_dot = [text componentsMatchedByRegex:regex_dot];  
36.     if ([array_dot count]) {  
37.         NSMutableArray *test_arr = [[NSMutableArrayalloc]init];  
38.         for (NSString *strin array_dot) {  
39.             NSRange range = [text rangeOfString:str];  
40.             if (![test_arr containsObject:str]) {  
41.                 [test_arr addObject:str];  
42.                 NSString *funUrlStr = [NSStringstringWithFormat:@"<ahref=%@>%@</a>",str, str];  
43.                 text = [text stringByReplacingCharactersInRange:NSMakeRange(range.location, [str length]) withString:funUrlStr];  
44.             }  
45.         }  
46.         [test_arr release];  
47.     }  
48.     //解析話題  
49.     NSString *regex_pound = @"#([^\\#|.]+)#";//話題的正則表示式  
50.     NSArray *array_pound = [text componentsMatchedByRegex:regex_pound];  
51.     if ([array_pound count]) {  
52.         for (NSString *strin array_pound) {  
53.             NSRange range = [text rangeOfString:str];  
54.             NSString *funUrlStr = [NSStringstringWithFormat:@"<ahref=%@>%@</a>",str, str];  
55.             text = [text stringByReplacingCharactersInRange:NSMakeRange(range.location, [strlength])withString:funUrlStr];  
56.         }  
57.     }  
58.     //解析表情  
59.     NSString *regex_emoji [email protected]"\ [a−zA−Z0−9u4e00−u9fa5]+ ";//表情的正則表示式  
60.     NSArray *array_emoji = [text componentsMatchedByRegex:regex_emoji];  
61.     NSString *filePath = [[[NSBundlemainBundle]resourcePath]stringByAppendingPathComponent:@"emotionImage.plist"];  
62.     NSDictionary *m_EmojiDic = [[NSDictionaryalloc]initWithContentsOfFile:filePath];  
63.    // NSString *path = [NSString stringWithFormat:@"%@", [[NSBundle mainBundle] bundlePath]];  
64.     if ([array_emoji count]) {  
65.         for (NSString *strin array_emoji) {  
66.             NSRange range = [text rangeOfString:str];  
67.             NSString *i_transCharacter = [m_EmojiDicobjectForKey:str];  
68.             if (i_transCharacter) {  
69.                 //NSString *imageHtml = [NSString stringWithFormat:@"<imgsrc = 'file://%@/%@'width='12'height='12'>", path, i_transCharacter];  
70.                 NSString *imageHtml = [NSStringstringWithFormat:@"<imgsrc =%@>",  i_transCharacter];  
71.                 text = [text stringByReplacingCharactersInRange:NSMakeRange(range.location, [str length]) withString:[imageHtmlstringByAppendingString:@" "]];  
72.             }  
73.         }  
74.     }  
75.     [m_EmojiDic release];  
76.     //返回轉義後的字串  
77.     return text;  
78. }  
79. @end  

1.    //contentStr為你要顯示的圖文字串  
2.    NSString *str = [HtmlStringtransformString:contentStr];  
3.     textLabel = [[RCLabelalloc]initWithFrame:CGRectMake(10,160,300,84)];  
4.     textLabel.delegate =self;  
5.     textLabel.sizeDelegate =self;  
6.     [textLabelsetFont:[UIFontfontWithName:TextNamesize:15]];  
7.     RCLabelComponentsStructure *componentsDS = [RCLabelextractTextStyle:textString];  
8.     textLabel.componentsAndPlainText = componentsDS;  
9.     CGSize optimalSize = [textLabeloptimumSize:YES];   ／／計算圖文混排後的高度  
10.     textLabel.frame=CGRectMake(10,180,300, optimalSize.height+5);  
11.     textLabel.lineBreakMode =NSLineBreakByCharWrapping;  
12.     textLabel.backgroundColor = [UIColorclearColor];  
13.     textLabel.textColor = [UIColorcolorWithRed:33.0/255green:33.0/255blue:33.0/255alpha:1];  
14.     [self.viewaddSubview:textLabel];  
15.    //如果你在實現圖文混排時還有超連結、@、$等，在最後實現該類的代理方法  
16. -(void)RCLabel:(id)RCLabel didSelectLinkWithURL:(NSString *)url  
17. {   //url為超連結的文字內容  
18. ｝   

效果圖：

原文出處：http://blog.csdn.net/javayujiafeng/article/details/14163319