IM 即时通讯 (388)
Android (186)
- 初始化&链接 (7)
- 事件&监听处理 (7)
- 用户信息 (13)
- 会话列表 (16)
- 聊天会话 (23)
- 消息处理 (34)
- 自定义消息 (3)
- 音视频 (2)
- 推送&通知 (31)
- 扩展功能 (3)
- 第三方地图 (4)
- 依赖&配置 (7)
- 升级说明 (3)
- 其他 (33)
iOS (147)
- SDK 导入 (6)
- 连接 (7)
- 事件处理 (2)
- 用户信息 (3)
- 会话列表 (10)
- 聊天会话 (31)
- 消息处理 (25)
- 自定义消息 (6)
- 推送&通知 (17)
- 扩展功能 (9)
- 国际化 (3)
- 音视频 (4)
- 其他 (24)
Web (34)
Server API (21)
自定义表情
如何在表情区域添加自定义表情
发布时间： 2016-12-28 12:08
回答：
1、继承实现协议 RCEmoticonTabSource
2、在实现的代理方法 loadEmoticonView 返回 View ，(返回的以下图中红框区域，里面的视图及逻辑需要自己来添加实现)
3、在会话页面 viewdidLoad 里添加表情包
示例代码(Demo 源码中的类 RCDCustomerEmoticonTab )：
RCDCustomerEmoticonTab.h
```
@interface RCDCustomerEmoticonTab : NSObject <RCEmoticonTabSource>
/*!
表情tab的标识符
@return 表情tab的标识符，请勿重复
*/
@property(nonatomic, strong) NSString *identify;
/*!
表情tab的图标
@return 表情tab的图标
*/
@property(nonatomic, strong) UIImage *image;
/*!
表情tab的页数
@return 表情tab的页数
*/
@property(nonatomic, assign) int pageCount;
/*!
表情tab的index页的表情View
@return 表情tab的index页的表情View
@discussion 返回的 view 大小必须等于 contentViewSize （宽度 = 屏幕宽度，高度 =
186）
*/
- (UIView *)loadEmoticonView:(NSString *)identify index:(int)index;
@end
```
RCDCustomerEmoticonTab.m
```
@implementation RCDCustomerEmoticonTab
- (UIView *)loadEmoticonView:(NSString *)identify index:(int)index {
UIView *view = [[UIView alloc]
initWithFrame:CGRectMake(0, 0, [[UIScreen mainScreen] bounds].size.width, 186)];
view11.backgroundColor = [UIColor blackColor];
switch (index) {
case 1:
view.backgroundColor = [UIColor yellowColor];
break;
case 2:
view.backgroundColor = [UIColor redColor];
break;
case 3:
view.backgroundColor = [UIColor greenColor];
break;
case 4:
view.backgroundColor = [UIColor grayColor];
break;
default:
break;
}
return view;
}
@end
```
在会话页面 viewDidLoad 添加自定义表情
```
UIImage *icon = [RCKitUtility imageNamed:@"emoji_btn_normal"
ofBundle:@"RongCloud.bundle"];
RCDCustomerEmoticonTab *emoticonTab1 = [RCDCustomerEmoticonTab new];
emoticonTab1.identify = @"1";
emoticonTab1.image = icon;
emoticonTab1.pageCount = 2;
[self.chatSessionInputBarControl.emojiBoardView addEmojiTab:emoticonTab1];
```
