iOS IM開發建議（二）計算TableViewCell的高度：圖文混排

　　計算Cell高度一直是一個很熱的問題，在IM app大量涌現以後，這問題就更加頻繁了。我這裏說一下計算NSAttributedString高度的方法，純代碼。

　　首先，普通的文本sizetofit 就行了，因此不存在難度。那麼圖文混排呢？通常人會說用CoreText，不過你用了就知道了，誰用誰傻。iOS7 開始Apple提供了TextKit來處理圖文混排。這個的方法比較簡單，並且直觀。

TextKit實現圖文混排

　　我先貼一下code，而後慢慢解釋一下。

　　第一步，拼接string

 1 /*!
 2  *  插入表情
 3  *
 4  *  @param rangeArray  所要插入表情的位置  每一個元素包括（loc）
 5  *  @param facesArray  要插入的表情的信息  每一個model包括（id imageName）
 6  *  @param pStr        原始的字符串
 7  *  @param sourceArray 表情包
 8  *
 9  *  @return 拼接好的字符串
10  */
11 + (NSMutableAttributedString *)setupEmojiByRangeArray:(NSArray *)rangeArray facesArray:(NSArray *)facesArray plainStr:(NSAttributedString *)pStr sourceArray:(NSArray *)sourceArray {
12     NSMutableAttributedString * mutStr = [pStr mutableCopy];
13     __block int offset = 0;//每次加過一個表情後 字符串會變長 這個變量會記錄已經增長的長度，否則插入的位置會錯位的
14     if(rangeArray.count == facesArray.count) { // 看看要插入的位置的數量 是否是和要插入的表情數量一致
15         [facesArray enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) {// 數組的枚舉
16             for(FaceModel * fm in sourceArray){// 這個在不在表情包裏面
17                 if(fm.id == [obj[@"ID"]intValue]) {
18                     UIImage * image1 = [UIImage imageNamed:fm.imageName];
19                     NSTextAttachment * attachment1 = [[NSTextAttachment alloc] init];//這就是要插入的對象
20                     attachment1.bounds = CGRectMake(0, -3, 20, 20);// 插入的表情的大小
21                     attachment1.image = image1;
22                     NSAttributedString * attachStr1 = [NSAttributedString attributedStringWithAttachment:attachment1];// 把要插入的對象轉爲string
23                     NSDictionary * dic = [rangeArray objectAtIndex:idx];// 看看插入哪一個位置
24                     [mutStr insertAttributedString:attachStr1 atIndex:offset+[dic[@"loc"]intValue]];
25                     offset += (int)attachStr1.length;// 插入結束要計算一下偏移量
26                 }
27             }
28         }];
29     }
30     //    //添加連接
31     //    NSURL * url = [NSURL URLWithString:@"http://www.baidu.com"];
32     //    [mutStr addAttribute:NSLinkAttributeName value:url range:NSMakeRange(loc, length)];
33     //    mainText.attributedText = [mutStr copy];
34 
35     return mutts;// 返回處理好的字符串
36 }

　　仔細看一下上面的代碼，我作了表情的插入。這個是IM的必要需求了。經過NSTextAttachment的使用，咱們能夠插入表情的image了。由於我這個是批量處理，因此我插入規格一致的表情。同理，咱們能夠插入一張圖片。。。對，就是圖片，這就圖文混排了。

 

　　第二步，計算NSMutableAttributedString的Rect

 1     // 字體大小
 2     UIFont *font =[UIFont systemFontOfSize:14]；

 3     // 段落設置
 4     NSMutableParagraphStyle *p = [[NSMutableParagraphStyle alloc]init];
 5     p.lineBreakMode = NSLineBreakByCharWrapping;
 6     p.lineSpacing = 0.1f;
 7     p.paragraphSpacing = 0.1f;
 8     p.alignment = NSTextAlignmentLeft;
 9     // 設置NSAttributedString 的樣式
10     NSAttributedString * str = [[NSAttributedString alloc]initWithString:rString attributes:@{NSFontAttributeName:font,NSParagraphStyleAttributeName:p}];
11     // 計算Rect
12     // w表明你想要的寬度  h表明你的字符串最大支持的高度
13     CGRect rect = [sstr boundingRectWithSize:CGSizeMake(w,h) options:NSStringDrawingUsesFontLeading|NSStringDrawingUsesLineFragmentOrigin context:nil];

　　依靠計算出來的rect 咱們就知道要怎麼設置cell的高度了：這個string放到一個textView裏面，textvView放到cell上。一切OK。。。