• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

LQREmojiLibrary: 一个超级牛逼的表情库,可使用表情及贴图功能,方便好用,抽离图片 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

LQREmojiLibrary

开源软件地址:

https://gitee.com/GitLqr/LQREmojiLibrary

开源软件介绍:

LQREmojiLibrary

一个超级牛逼的表情库,可使用表情及贴图功能,方便好用,抽离图片加载接口,图片加载工具可让开发者自己选择。

一、简述

这个库相当牛逼,好用。这个库相当牛逼,好用。这个库相当牛逼,好用。好了,接下来直接看效果图吧:

DemoApp下载

image

二、引用初始化

1、在自己项目中添加本项目依赖:

compile 'com.lqr.emoji:library:1.0.2'

2、初始化

使用本库必须在自定义的Application中使用LQREmotionKit对库进行初始化,LQREmotionKit提供了四种初始化方法,请根据自己的需要选择。

*使用前需要注意以下几点:

  1. 本库抽离出了图片加载接口,可让开发者自己选择图片加载工具(如:Glide、UIL等),所以使用本库必须实现IImageLoader接口。
  2. 本库支持设置贴图的存放路径,这意味着开发者可以根据自己项目需求修改贴图的存放位置,并且支持贴图自定义。默认的贴图存放在/data/data/包名/files/stickers 目录下。

1)不带IImageLoader的init()

public static void init(Context context)public static void init(Context context, String stickerPath)

2)带IImageLoader的init()

public static void init(Context context, IImageLoader imageLoader)public static void init(Context context, String stickerPath, IImageLoader imageLoader)

3)示例

public class App extends Application {    @Override    public void onCreate() {        super.onCreate();        LQREmotionKit.init(this, new IImageLoader() {            @Override            public void displayImage(Context context, String path, ImageView imageView) {                Glide.with(context).load(path).centerCrop().diskCacheStrategy(DiskCacheStrategy.SOURCE).into(imageView);            }        });    }}

三、表情功能集成

1、布局中使用EmotionLayout控件

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:layout_width="match_parent"              android:layout_height="match_parent"              android:orientation="vertical">    <!--内容区-->    <LinearLayout        android:id="@+id/llContent"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        android:orientation="vertical">        ...		这里一般是放消息列表,和内容输入框等控件		...    </LinearLayout>    <!--表情区-->    <com.lqr.emoji.EmotionLayout        android:id="@+id/elEmotion"        android:layout_width="match_parent"        android:layout_height="270dp"        android:visibility="gone"/></LinearLayout>

2、实现输入框图文混排

1)将内容输入框交给EmotionLayout管理(强烈建议!!!)

mElEmotion.attachEditText(mEtContent);

2)实现IEmotionSelectedListener接口,手动实现图文混排(有自己的实现方式的,可以采用这种方式)

mElEmotion.setEmotionSelectedListener(new IEmotionSelectedListener() {    @Override    public void onEmojiSelected(String key) {        if (mEtContent == null)            return;        Editable editable = mEtContent.getText();        if (key.equals("/DEL")) {            mEtContent.dispatchKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL));        } else {            int start = mEtContent.getSelectionStart();            int end = mEtContent.getSelectionEnd();            start = (start < 0 ? 0 : start);            end = (start < 0 ? 0 : end);            editable.replace(start, end, key);            int editEnd = mEtContent.getSelectionEnd();            MoonUtils.replaceEmoticons(LQREmotionKit.getContext(), editable, 0, editable.toString().length());            mEtContent.setSelection(editEnd);        }    }    @Override    public void onStickerSelected(String categoryName, String stickerName, String stickerBitmapPath) {    }});

3、实现内容区与表情区仿微信切换效果

private EmotionKeyboard mEmotionKeyboard;private void initEmotionKeyboard() {    mEmotionKeyboard = EmotionKeyboard.with(this);    mEmotionKeyboard.bindToContent(mLlContent);    mEmotionKeyboard.bindToEmotionButton(mIvEmo);    mEmotionKeyboard.bindToEditText(mEtContent);    mEmotionKeyboard.setEmotionLayout(mElEmotion);}

4、效果

经过上面几步,就可以实现以下效果了:

image

四、贴图功能集成

1、设置贴图的存放位置

这一步可略过,不设置的话,贴图的默认存放位置是 /data/data/包名/files/stickers ,可通过LQREmotionKit.getStickerPath()获得。

贴图的存放位置只能通过LQREmotionKit的init()来设置:

LQREmotionKit.init(this, Environment.getExternalStorageDirectory().getAbsolutePath()+ File.separator+"sticker");LQREmotionKit.init(this, Environment.getExternalStorageDirectory().getAbsolutePath() + File.separator + "sticker", new IImageLoader() {        @Override        public void displayImage(Context context, String path, ImageView imageView) {            Glide.with(context).load(path).centerCrop().diskCacheStrategy(DiskCacheStrategy.SOURCE).into(imageView);        }    });

2、将贴图下载到指定贴图的存放位置

1)自带贴图

本库支持 集成默认贴图,可将贴图按规则放置在assets的sticker目录下,当程序启动时,会自动将assets的sticker目录下所有的贴图复制到贴图的存放位置。

2)网络下载贴图

//得到贴图的存放位置String stickerPath = LQREmotionKit.getStickerPath();...网络下载(这里不同项目实现方式不同,请根据自己的项目实现该部分代码)...

3、监听用户点击贴图事件

mElEmotion.setEmotionSelectedListener(new IEmotionSelectedListener() {    @Override    public void onEmojiSelected(String key) {            }    @Override    public void onStickerSelected(String categoryName, String stickerName, String stickerBitmapPath) {        String stickerPath = stickerBitmapPath;        ...		发送图片		...    }});

4、效果

经过上面几步,就可以实现以下效果了:

image

五、拓展按钮的控制

1、设置表情控件的拓展按钮

默认表情控件的底部Tab是不显示“添加”按钮和“设置”按钮的,如果需要,可通过以下代码进行控制。

mElEmotion.setEmotionAddVisiable(true);mElEmotion.setEmotionSettingVisiable(true);mElEmotion.setEmotionExtClickListener(new IEmotionExtClickListener() {    @Override    public void onEmotionAddClick(View view) {        Toast.makeText(getApplicationContext(), "add", Toast.LENGTH_SHORT).show();    }    @Override    public void onEmotionSettingClick(View view) {        Toast.makeText(getApplicationContext(), "setting", Toast.LENGTH_SHORT).show();    }});

2、效果

image


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
PLib: Android开发库发布时间:2022-03-24
下一篇:
android-orm: Android轻量级ORM,简化数据库操作发布时间:2022-03-24
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap