Question：
1.刷新直播间消息机制该用哪种方法？哪一种更加合适？
2.聊天室该如何图文混排？
3.聊天室出现特殊字符临界点不换行？高度计算错误？
4.聊天室该如何加载网络图片？
5.聊天室如何优化？
6.交互时刷新消息经常出现越界情况，导致崩溃？
7.聊天室出现阿拉伯文&中文&数字&英文等类似情况如何处理？
...
以上这些问题我相信做过聊天室直播间的肯定或多或少遇到过，那么本编文章就为了解决这些问题而来，底部提供Demo⬇️。
1.刷新直播间消息机制该用哪种方法？哪一种更加合适？
聊天室刷新分为两种：
一：采用来一条消息刷新一条消息，适用于小主播和人气较少的直播间。优点就是可以快速的查看到发言记录，给人丝滑流畅感，缺点就是刷新过于频繁，消耗性能。
image.png
直接刷新.gif
二：定时刷新，适用于大主播或某段活动时间内用户发言特别频繁时间段，假设一秒钟接收到几十条消息时你直接一条条刷新是毫无意义的，不仅影响性能而且用户也看不清。所以这种情况可以选择弄个定时器，每0.5秒刷新一次。至于多久刷新一次，你可以根据主播人气，观看人数，发言速度来调整。
image.png
0.5秒刷新一次.gif
通过对比，二者都是每秒接收到30条消息时，一条条刷新和定时刷新所消耗的性能非常明显。
如何选择，各位自行斟酌。
2.聊天室该如何图文混排？
如果在子线程生成我们的富文本，这个时候你肯定不可以在子线程创建UIimageView这些，然后转UIimage，我个人有几个技巧：
一：聊天肯定会带有等级系列，拿我的直播来说，现在有0-100级，我个人写了一个等级生成器，通过业务生成每个等级段所对应文字+图片+等级+渐变色形成view，然后我们启动APP时，通过view转image，内存就会保存有0-100张图片，所占300k左右而已。那么下次用的时候，直接传入等级获取对应的UIimage。
+ (instancetype)sharedInstance {static EWLevelManager *instance = nil;static dispatch_once_t onceToken;dispatch_once(&onceToken, ^{instance = [[EWLevelManager alloc] init];instance.data = [NSMutableDictionary dictionary];});return instance;
}- (void)setup {[self.data removeAllObjects];for (NSInteger i = 0; i <= 100; i++) {// NDLeveBgView就是我的等级生成器，返回view// 启动app我们调用一次这个方法，然后内存就有生成0-100等级图片NDLeveBgView *view = [[NDLeveBgView alloc] init];view.frame = CGRectMake(0, 0, 30.0, 14.0);view.layer.cornerRadius = 2;view.layer.masksToBounds = YES;view.isShadeLv = YES;view.level = i;[self.data setObject:[self convertCreateImageWithUIView:view] forKey:[NSString stringWithFormat:@"%li", (long)i]];}// NSMutableData *data = [[NSMutableData alloc]init];
// NSKeyedArchiver *archiver = [[NSKeyedArchiver alloc]initForWritingWithMutableData:data];
// [archiver encodeObject:self.data forKey:@"talkData"];
// [archiver finishEncoding];
// NSLog(@"查看byte = %lu", (unsigned long)data.length);
}- (UIImage *)imageForLevel:(NSInteger)Level {return [self.data objectForKey:[NSString stringWithFormat:@"%li", (long)Level]];
}/** 将 UIView 转换成 UIImage */
- (UIImage *)convertCreateImageWithUIView:(UIView *)view {//UIGraphicsBeginImageContext(view.bounds.size);UIGraphicsBeginImageContextWithOptions(view.bounds.size, NO, [UIScreen mainScreen].scale);CGContextRef ctx = UIGraphicsGetCurrentContext();[view.layer renderInContext:ctx];UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();UIGraphicsEndImageContext();return newImage;
}至于图片如何转富文本我就不多赘述了，这种没啥可说的，都在demo中。
3.聊天室出现特殊字符临界点不换行？高度计算错误？
我想肯定有人遇到过这个问题，当我们使用UILabel时，根据消息生成的富文本，高度计算得明明很正确，但就是不换行！！当我们在测试的时候明明运行一切都正常，但是到了线上就出现不换行，高度计算错误等等系列问题。
我可以很明确的告诉大家，这就是UILabel的问题，他在不同系统版本表现不一样，经过我多次测试，曾经一度让我怀疑是不是我的问题，但是后来我换了YYLabel后，一切都清净了，所以抛弃UILabel吧，它在表达复杂的文本时，总是不那么如意。
跟我说一句：YYKit牛逼🐂！！！
可能有同学反驳，其实我也想证明是我的问题，如果有同学用UILabel做的直播间聊天室，希望不吝赐教。
4.聊天室该如何加载网络图片？
这个问题其实也好解决。
当我们生成礼物消息富文本时，先用礼物缩略的占位图替代，同时使用SD下载该图片，下载完了以后重新生成该富文本，接着通过代理回调去刷新该cell。
case NDSubMsgType_Gift_Text: { // 礼物弹幕(文本)消息// 下载标签图片[self downloadTagImage];// 下载礼物图片[self downloadGiftImage];self.bgColor = NormalBgColor;[self Gift_Text];}break;/** 下载礼物缩略图 */
- (void)downloadGiftImage {NSString *urlStr = self.msgModel.giftModel.thumbnailUrl;if (!urlStr || urlStr.length < 1) {return;}if (self.finishDownloadGiftImg) {return;}self.finishDownloadGiftImg = YES;// 1. 如果本地有图片self.giftImage = [self cacheImage:urlStr];if (self.giftImage) {return;}// 2. 下载远程图片NSURL *url = [NSURL URLWithString:urlStr];EWWeakSelfid sdLoad = [[SDWebImageManager sharedManager] loadImageWithURL:url options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize, NSURL * _Nullable targetURL) {} completed:^(UIImage * _Nullable image, NSData * _Nullable data, NSError * _Nullable error, SDImageCacheType cacheType, BOOL finished, NSURL * _Nullable imageURL) {if (image){// 刷新UIweakSelf.giftImage = image;// 更新属性文字[weakSelf downloadTagImageFinish];}}];[self.tempLoads addObject:sdLoad];
}- (void)downloadTagImageFinish {// 更新属性文字[self msgUpdateAttribute];// 通知代理刷新属性文字if (self.delegate && [self.delegate respondsToSelector:@selector(attributeUpdated:)]) {[self.delegate attributeUpdated:self];}
}/** 消息属性文字发生变化（更新对应cell） */
- (void)msgAttrbuiteUpdated:(NDMsgModel *)msgModel {NSInteger row = [self.msgArray indexOfObject:msgModel];if (row >= 0) {[self.tableView reloadRowsAtIndexPaths:@[[NSIndexPath indexPathForRow:row inSection:0]] withRowAnimation:UITableViewRowAnimationNone];if (row == self.msgArray.count - 1) {[self scrollToBottom:YES];}}
}
以上代码都是关键部分，更详细可以对照demo。
5.聊天室如何优化？
聊天室的优化其实也就是UITableView的优化：
一：我们所有的cell通过复用，每一种消息类型对应不同cell。
image.png
二：所有的消息所需要的背景颜色，富文本，高度等等都用模型记录。
image.png
三：cell高度缓存，每次都从我们的模型读取，更加高效快捷。
6.交互时刷新消息经常出现越界情况，导致崩溃？
崩溃的原因大多数都在同时对同一个数组操作、插入indexPaths出现问题等。
一：如何保证同一时间数组只执行一种操作？
加锁
锁有好多种，有自旋锁、信号量、递归锁、互斥锁等等
自旋锁性能最高，但是经过苹果确认是有问题存在的，所以你可以选择其他类型。
这里我选择的是互斥锁：
#pragma mark - 消息追加
- (void)addNewMsg:(NDMsgModel *)msgModel {if (!msgModel) return;pthread_mutex_lock(&_mutex);// 消息不直接加入到数据源[self.tempMsgArray addObject:msgModel];pthread_mutex_unlock(&_mutex);if (_reloadType == NDReloadLiveMsgRoom_Direct) {[self tryToappendAndScrollToBottom];}
}/** 追加数据源 */
- (void)appendAndScrollToBottom {if (self.tempMsgArray.count < 1) {return;}pthread_mutex_lock(&_mutex);// 执行插入.....代码块pthread_mutex_unlock(&_mutex);...代码块//清空消息重置
- (void)reset {pthread_mutex_lock(&_mutex);...代码块pthread_mutex_unlock(&_mutex);
}
}
更多详见demo。
二：插入indexPaths出现越界问题，其实这个问题的产生也是因为我们对数组同时操作而导致的，如果你解决了数组的问题，那么这个问题也迎刃而解。
7.聊天室出现阿拉伯文&中文&数字&英文等类似情况如何处理？
这个问题非常有意思！具体可参考这篇文章
因为阿拉伯文、希腊文等系列语言是强语言，并且从右向左排列，而我们的中文也属于强语言，但是从左向右排列。当这二者碰撞到一起会怎么样呢？
到底是遵从我们的规则还是遵从阿拉伯文的规则？
我这里做的是强制按照中文规则排版。
// 强制排版(从左到右)attribute.yy_baseWritingDirection = NSWritingDirectionLeftToRight;attribute.yy_writingDirection = @[@(NSWritingDirectionLeftToRight | NSWritingDirectionOverride)];// 强制排版(从左到右)paraStyle.alignment = NSTextAlignmentLeft;paraStyle.baseWritingDirection = NSWritingDirectionLeftToRight;
如果大家觉得有什么问题的，可以评论指出。
最后就是我们的demo了，如果觉得可以的希望点个star哦，Github
