CDChatList 高性能聊天页面解决方案 项目简介
CDChatList高性能的聊天页面解决方案 对聊天列表的高度封装,可灵活配置页面样式聊天界面其实大同小异,所以这里封装了一个聊天的组件,使用CoreText和手动代码布局,尽量实现简单,通用,高效,易于维护。项目结构CDChatListView: UITableView 视图,聊天页面主体CDBaseMsgCell: 实现消息气泡基本视图CDTextTableViewCell、CDImageTableViewCell、CDAudioTableViewCell: 继承自CDBaseMsgCell,实现响应功能。 CDSystemTableViewCell: 特殊消息气泡,实现系统通知CellCaculator: tableview布局计算,并提前渲染cellChatConfiguration: chatlist配置类组,UI定制,及资源等子组件CDLabel: 富文本标签 CDChatInputBox: 输入框封装组件安装支持至iOS 11pod 'CDChatList'#import <CDChatList/CDChatList.h>使用配置 CDChatListChatHelpr负责ChatHelpr的UI配置,及组件的资源文件设置UI配置及资源文件都有默认,所以无需自定义的话,就可以跳过组件的配置添加 CDChatList 视图CDChatListView *list = [[CDChatListView alloc] initWithFrame:self.view.bounds];
list.msgDelegate = self;self.listView = list;
[self.view addSubview:self.listView];CDChatList会将视图控制器automaticallyAdjustsScrollViewInsets及contentInsetAdjustmentBehavior设为NO及Never,并适应导航栏高度消息模型 MessageModalProtocal可以使用自己的消息模型,消息模型需遵守MessageModalProtocal,实现相关属性组件事件 ChatListProtocol从组件发出的消息消息列表请求加载更多消息-(void)chatlistLoadMoreMsg: (CDChatMessage)topMessage
callback: (void(^)(CDChatMessageArray))finnished;消息中的点击事件-(void)chatlistClickMsgEvent: (ChatListInfo *)listInfo;向组件发消息添加新的数据到底部-(void)addMessagesToBottom: (CDChatMessageArray)newBottomMsgArr;更新数据源中的某条消息模型(主要是为了更新UI上的消息状态)-(void)updateMessage:(CDChatMessage)message;使用场景收/发消息// 发{
MessageModal *modal;
}
-(void)send{
modal = [[MessageModal alloc] init];
modal.msgState = CDMessageStateSending;
modal.createTime = ...;
modal.msg = ...;
modal.msgType = ...;
[chatList addMessagesToBottom: modal];
}
-(void)sendCallBack:(BOOL)isSuccess{
modal.msgState = isSuccess; // 此处应处理成枚举
[chatList updateMessage: modal];
}// 收-(void)receivedNewMessage:(MessageModal *)modal{
[chatList addMessagesToBottom: modal];
}下拉加载更多消息消息列表被下拉时,触发此回调-(void)chatlistLoadMoreMsg: (CDChatMessage)topMessage
callback: (void(^)(CDChatMessageArray))finnished
{ // 根据topMessage 获取更多消息
NSArray *msgArr = [self getMoreMessageFrom: topMessage amount: 10];
callback(msgArr);
}消息点击事件目前消息体重处理了 文本点击 及 图片点击 事件-(void)chatlistClickMsgEvent: (ChatListInfo *)listInfo{ if (listInfo.eventType == ChatClickEventTypeTEXT){ // 点击的文本
listInfo.clickedText
// 点击的文字位置 防止有相同的可点击文字
listInfo.range
// 被点击文本的隐藏信息 e.g. <a title="转人工" href="doTransfer">
listInfo.clickedTextContent
} else if (listInfo.eventType == ChatClickEventTypeIMAGE){ // 图片
listInfo.image
// 图片在tableview中的位置
listInfo.msgImageRectInTableView
}
}TODO自定义消息内容匹配
list.msgDelegate = self;self.listView = list;
[self.view addSubview:self.listView];CDChatList会将视图控制器automaticallyAdjustsScrollViewInsets及contentInsetAdjustmentBehavior设为NO及Never,并适应导航栏高度消息模型 MessageModalProtocal可以使用自己的消息模型,消息模型需遵守MessageModalProtocal,实现相关属性组件事件 ChatListProtocol从组件发出的消息消息列表请求加载更多消息-(void)chatlistLoadMoreMsg: (CDChatMessage)topMessage
callback: (void(^)(CDChatMessageArray))finnished;消息中的点击事件-(void)chatlistClickMsgEvent: (ChatListInfo *)listInfo;向组件发消息添加新的数据到底部-(void)addMessagesToBottom: (CDChatMessageArray)newBottomMsgArr;更新数据源中的某条消息模型(主要是为了更新UI上的消息状态)-(void)updateMessage:(CDChatMessage)message;使用场景收/发消息// 发{
MessageModal *modal;
}
-(void)send{
modal = [[MessageModal alloc] init];
modal.msgState = CDMessageStateSending;
modal.createTime = ...;
modal.msg = ...;
modal.msgType = ...;
[chatList addMessagesToBottom: modal];
}
-(void)sendCallBack:(BOOL)isSuccess{
modal.msgState = isSuccess; // 此处应处理成枚举
[chatList updateMessage: modal];
}// 收-(void)receivedNewMessage:(MessageModal *)modal{
[chatList addMessagesToBottom: modal];
}下拉加载更多消息消息列表被下拉时,触发此回调-(void)chatlistLoadMoreMsg: (CDChatMessage)topMessage
callback: (void(^)(CDChatMessageArray))finnished
{ // 根据topMessage 获取更多消息
NSArray *msgArr = [self getMoreMessageFrom: topMessage amount: 10];
callback(msgArr);
}消息点击事件目前消息体重处理了 文本点击 及 图片点击 事件-(void)chatlistClickMsgEvent: (ChatListInfo *)listInfo{ if (listInfo.eventType == ChatClickEventTypeTEXT){ // 点击的文本
listInfo.clickedText
// 点击的文字位置 防止有相同的可点击文字
listInfo.range
// 被点击文本的隐藏信息 e.g. <a title="转人工" href="doTransfer">
listInfo.clickedTextContent
} else if (listInfo.eventType == ChatClickEventTypeIMAGE){ // 图片
listInfo.image
// 图片在tableview中的位置
listInfo.msgImageRectInTableView
}
}TODO自定义消息内容匹配