当前知识库站点已不再维护。请移步新版知识库：https://help.rongcloud.cn/

IM 即时通讯 (451)

Android (175)

iOS (147)

Web (58)

小程序 (10)

Server (29)

Flutter (12)

uni-app (13)

React Native (5)

Unity (2)

如何添加自定义表情

发布时间： 2020-04-23 17:43

回答：

Android 端如何添加自定义表情

##实现步骤 1.新建 RongEmoticonTab 类继承 IEmoticonTab 。

public class RongEmoticonTab implements IEmoticonTab {

    public RongEmoticonTab() {
    }
    @Override
    public Drawable obtainTabDrawable(final Context context) {
        return context.getResources().getDrawable(R.drawable.u1f603);
    }

    @Override
    public View obtainTabPager(Context context) {
        //参考步骤2
        return initView(context);
    }
    @Override
    public void onTableSelected(int i) {
    }
}

2.在 obtainTabPager 中添加您想要展示在表情面板上的 view 。

 public View initView(Context context) {
    View view = LayoutInflater.from(context).inflate(R.layout.view_emoji, null);
    RecyclerView rv = view.findViewById(R.id.recycler_view);
    //LinearLayoutManager是用来做列表布局，也就是单列的列表
    GridLayoutManager mLayoutManager = new GridLayoutManager(context, 5, OrientationHelper.VERTICAL, false);
    rv.setLayoutManager(mLayoutManager);

    //谷歌提供了一个默认的item删除添加的动画
    rv.setItemAnimator(new DefaultItemAnimator());
    rv.setHasFixedSize(true);

    //模拟列表数据
    ArrayList newsList = new ArrayList<>();
    TypedArray array = context.getResources().obtainTypedArray(context.getResources().getIdentifier("rc_emoji_res", "array", context.getPackageName()));
    int i = -1;
    while (++i < array.length()) {
        newsList.add(array.getResourceId(i, -1));
    }
    adapter = new NewsAdapter(newsList);
    rv.setAdapter(adapter);
    return view;
    }

3.Adapter 和布局文件可以参考GitHub

4.自定义一个 ExtensionModule 继承自 DefaultExtensionModule，复写其中的 getEmoticonTabs() 方法，返回需要展示的 EmoticonTab 列表。

public class MyExtensionModule extends DefaultExtensionModule {
    private RongEmoticonTab rongEmoticon;
    @Override
    public List<IEmoticonTab> getEmoticonTabs() {
        List<IEmoticonTab> emoticonTabs =  super.getEmoticonTabs();
        RongEmoticonTab emojiTab=new RongEmoticonTab();
        emoticonTabs.add(myEmoticon);
        return emoticonTabs;
    }
}

5.在初始化之后，取消 SDK 默认的 ExtensionModule，注册自定义的 ExtensionModule，如下：

public void setMyExtensionModule() {
    List<IExtensionModule> moduleList = RongExtensionManager.getInstance().getExtensionModules();
    IExtensionModule defaultModule = null;
    if (moduleList != null) {
        for (IExtensionModule module : moduleList) {
            if (module instanceof DefaultExtensionModule) {
                defaultModule = module;
                break;
            }
        }
        if (defaultModule != null) {
            RongExtensionManager.getInstance().unregisterExtensionModule(defaultModule);
            RongExtensionManager.getInstance().registerExtensionModule(new MyExtensionModule());
        }
    }
}

6.如果需要网络下载表情需要下载并持久化表情数据,需要在添加 EmoticonTab 前下载好表情数据。

注：如果用户全部使用自己的表情库，可能会用户的表情和sdk默认表情的rc_emoji.xml中资源码同名，就会导致用户选择表情后显示的是sdk默认的表情。

解决方案：在用户项目values目录下创建同名的rc_emoji.xml文件，同时把里面的三个数组置为空。