CDChatList高性能聊天頁面解決方案

CDChatList

高性能的聊天頁面解決方案 對聊天列表的高度封裝，可靈活配置頁面樣式

聊天界面其實大同小異，所以這里封裝了一個聊天的組件，使用CoreText和手動代碼布局，盡量實現簡單，通用，高效，易于維護。

項目結構

CDChatListView: UITableView 視圖，聊天頁面主體

CDBaseMsgCell: 實現消息氣泡基本視圖

CDTextTableViewCell、CDImageTableViewCell、CDAudioTableViewCell: 繼承自CDBaseMsgCell，實現響應功能。 CDSystemTableViewCell: 特殊消息氣泡，實現系統通知

CellCaculator： tableview布局計算，并提前渲染cell

ChatConfiguration： chatlist配置類組，UI定制，及資源等

子組件

CDLabel： 富文本標簽 CDChatInputBox： 輸入框封裝組件

安裝

支持至iOS 11

pod?'CDChatList'

#import?

?

使用

配置 CDChatList

ChatHelpr負責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.??
		listInfo.clickedTextContent
	}?else?if?(listInfo.eventType?==?ChatClickEventTypeIMAGE){		//?圖片
		listInfo.image
		//?圖片在tableview中的位置
		listInfo.msgImageRectInTableView
	}
}

?

TODO

• 自定義消息內容匹配