Android 端如何新增自定義表情

小小小不啊發表於2020-12-02

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) {

        return view;
    }
    @Override
    public void onTableSelected(int i) {
    }
}

2.在 obtainTabPager 中新增您想要展示在表情皮膚上的 view 。

    @Override
    public View obtainTabPager(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));
        }
        rv.setAdapter(new NewsAdapter(newsList));
        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 前下載好表情資料。

相關文章