Android自带emoji表情的使用方法详解

什么是emoji表情

emoji表情是一种表情符号，在代码中它现在其实是一组遵循Unicode的编码，即每一个表情符号都对应了一个Unicode编码。更进一步说，emoji表情实际上是一组Unicode编码与一组表情描述之间的对应。注意，这里所说的不是表情图片，而是表情描述。那么图片的实现是由谁来负责的呢？图片是由各个系统或者软件针对统一的表情描述来各自实现的，他们都遵循统一的Unicode编码规范。也就是说Unicode编码其所对应的表情描述是统一的，是所有人都要共同遵守的一套标准或者规范，而具体的表情图片则可能因平台的不同而产生差异。

首先你得先从网上收集一套emoji的Unicode编码,例如这个网站Emoji Unicode Tables
该网站上面给出了每个emoji表情的图片,描述,Unicode编码的对照表,点击表中每一项emoji可看到如下所示:

红色框框就是我们要的值.在java中的Unicode表示就是:”\ud83d\ude01”,该编码字符可以直接被Android的TextView和EditText控件识别成对应的emoji表情.

本次demo中展示了从 “\ud83d\ude00” - “\ud83c\udf7c”这216个emoji表情.

效果图如下:

关于emoji编码的存放和获取

由于有216个emoji编码字符串,因此我把它整理到一个json数组中,然后保存到assets目录下.
然后获取的话,通过如下代码方式获取:

/**
* 从assets目录下获取所有表情
*
* @return
*/
public String[] getEmojis() {
 BufferedReader br = null;
 String emojis[] = null;
 try {
 InputStream is = mContext.getAssets().open("emoji.json");
 StringBuffer sb = new StringBuffer();
 br = new BufferedReader(new InputStreamReader(is));
 String line = null;
 while (null != (line = br.readLine())) {
 sb.append(line).append("\r\n");
 }
 JSONArray emojiArray = new JSONArray(sb.toString());
 if (null != emojiArray && emojiArray.length() > 0) {
 emojis = new String[emojiArray.length()];
 for (int i = 0; i < emojiArray.length(); i++) {
 emojis[i] = emojiArray.optString(i);
 }
 }
 } catch (Exception e) {
 e.printStackTrace();
 } finally {
 if (null != br) {
 try {
 br.close();
 } catch (IOException e) {
 e.printStackTrace();
 }
 }
 }
 return emojis;
}

表情组设计

通过上面的效果图也可以看得出,216个emoji表情被分成了8组,每组27个emoji+1个删除按钮.
实现这个效果也很简单,就是通过ViewPager来展示每一组emoji,而每一组emoji里面又是一个GridView控件,里面的item就是一个个的TextView.

每一组emoji页面的创建代码如下:

/**
* 获取所有表情GridView页面的集合
*
* @return
*/
public List<View> getPagerList() {
 List<View> pagers = null;
 String[] eachPageEmojis = null;
 if (null != mEmojis && mEmojis.length > 0) {
 pagers = new ArrayList<>();
 int pageCount = mEmojis.length / 27;//共8页表情
 for (int i = 0; i < pageCount; i++) {
 GridView gridView = new GridView(mContext);
 gridView.setNumColumns(7);
 gridView.setSelector(new ColorDrawable(Color.TRANSPARENT));
 gridView.setCacheColorHint(Color.TRANSPARENT);
 gridView.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
 gridView.setGravity(Gravity.CENTER);
 eachPageEmojis = new String[28];
 //总共216个表情字符,索引变化为:0-26,27-53,54-80,81-107,108-134,135-161,162-188,189-215
 System.arraycopy(mEmojis, i * 27, eachPageEmojis, 0, 27);
 eachPageEmojis[27] = "del";//第28是删除按钮,用特殊字符串表示
 gridView.setAdapter(new EmojiGvAdapter(mContext, eachPageEmojis));
 //点击表情监听
 gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 @Override
 public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
 //获取选中的表情字符
 String emoji = (String) parent.getAdapter().getItem(position);
 if (null != mEmojiClickListener) {
 mEmojiClickListener.onClick(emoji);
 }
 }
 });
 pagers.add(gridView);
 }
 }
 return pagers;
}

MainActivity的布局和代码

主布局是一个垂直的线性布局,大体分2部分,表情面板和上面的视图界面

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 >
 <!--显示表情的TextView-->
 <TextView
 android:id="@+id/tv_info"
 android:layout_width="match_parent"
 android:layout_height="0dp"
 android:layout_weight="1"
 android:padding="15dp"
 />
 <!--表情,输入框,发送-->
 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content">

 <Button
 android:id="@+id/btn_emoji"
 android:layout_width="55dp"
 android:layout_height="wrap_content"
 android:text="表情"/>

 <EditText
 android:id="@+id/edt_msg"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"/>

 <Button
 android:id="@+id/btn_send"
 android:layout_width="55dp"
 android:layout_height="wrap_content"
 android:text="发送"/>
 </LinearLayout>
 <!--表情面板-->
 <FrameLayout
 android:id="@+id/fl_emoji"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:visibility="gone"
 >

 <android.support.v4.view.ViewPager
 android:id="@+id/vp_emoji"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:paddingTop="10dp"
 />

 <LinearLayout
 android:id="@+id/ll_point"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_gravity="bottom"
 android:layout_marginBottom="10dp"
 android:gravity="center"
 android:orientation="horizontal"></LinearLayout>

 </FrameLayout>
</LinearLayout>

MainActivity代码如下:

public class MainActivity extends AppCompatActivity {
 private static final String TAG = "MainActivity";
 private Button mEmojiBtn, mSendBtn;//表情按钮和发送按钮
 private EditText mMsgEdt;//输入框
 private TextView mInfoTv;//展示界面
 private ViewPager mEmojiVp;//表情ViewPager
 private FrameLayout mEmojiFl;//表情面板
 private LinearLayout mVpPointLl;//表情ViewPager指示器
 //输入法和表情平滑切换的辅助类
 private EmotionKeyboardSwitchHelper mEmotionKeyboardSwitchHelper;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 mEmotionKeyboardSwitchHelper = EmotionKeyboardSwitchHelper.with(this);
 initView();
 initListener();
 }

 private void initListener() {
 mSendBtn.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 mInfoTv.append(mMsgEdt.getText() + "\r\n");
 mMsgEdt.setText("");
 }
 });
 mEmotionKeyboardSwitchHelper.bind(mInfoTv, mMsgEdt, mEmojiBtn, mEmojiFl);
 }

 private void initView() {
 mEmojiBtn = (Button) findViewById(R.id.btn_emoji);
 mSendBtn = (Button) findViewById(R.id.btn_send);
 mMsgEdt = (EditText) findViewById(R.id.edt_msg);
 mInfoTv = (TextView) findViewById(R.id.tv_info);
 mEmojiVp = (ViewPager) findViewById(R.id.vp_emoji);
 mEmojiFl = (FrameLayout) findViewById(R.id.fl_emoji);
 mVpPointLl = (LinearLayout) findViewById(R.id.ll_point);
 initViewPager();
 }

 /**
 * 设置ViewPager表情
 */
 private void initViewPager() {
 EmojiVpAdapter adapter = new EmojiVpAdapter(this);
 mEmojiVp.setAdapter(adapter);
 //表情点击监听
 adapter.setOnEmojiClickListener(new EmojiVpAdapter.OnEmojiClickListener() {
 @Override
 public void onClick(String emoji) {
 if ("del".equals(emoji)) {
 //表示点击的是删除按钮
 KeyEvent event = new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL);
 mMsgEdt.onKeyDown(KeyEvent.KEYCODE_DEL, event);
 } else {
 mMsgEdt.append(emoji);
 }
 }
 });
 mEmojiVp.setCurrentItem(0);
 //关联指示器点
 adapter.setupWithPagerPoint(mEmojiVp, mVpPointLl);
 }


 @Override
 public void onBackPressed() {
 if (mEmotionKeyboardSwitchHelper.onBackPress()) {
 super.onBackPressed();
 }
 }
}

emoji ViewPager

public class EmojiVpAdapter extends PagerAdapter {
 private Context mContext;
 private String[] mEmojis;//216个表情字符
 private List<View> mPagers;//展示的页面
 private OnEmojiClickListener mEmojiClickListener;//表情点击监听接口

 public EmojiVpAdapter(Context ctx) {
 this.mContext = ctx;
 this.mEmojis = getEmojis();
 this.mPagers = getPagerList();

 }

 @Override
 public int getCount() {
 return null == mPagers ? 0 : mPagers.size();
 }

 @Override
 public boolean isViewFromObject(View view, Object object) {
 return view == object;
 }

 @Override
 public Object instantiateItem(ViewGroup container, int position) {
 View view = mPagers.get(position);
 if (null != view) {
 container.addView(view);
 }
 return view;
 }

 @Override
 public void destroyItem(ViewGroup container, int position, Object object) {
 container.removeView((View) object);
 }

 /**
 * 从assets目录下获取所有表情
 *
 * @return
 */
 public String[] getEmojis() {
 BufferedReader br = null;
 String emojis[] = null;
 try {
 InputStream is = mContext.getAssets().open("emoji.json");
 StringBuffer sb = new StringBuffer();
 br = new BufferedReader(new InputStreamReader(is));
 String line = null;
 while (null != (line = br.readLine())) {
 sb.append(line).append("\r\n");
 }
 JSONArray emojiArray = new JSONArray(sb.toString());
 if (null != emojiArray && emojiArray.length() > 0) {
 emojis = new String[emojiArray.length()];
 for (int i = 0; i < emojiArray.length(); i++) {
 emojis[i] = emojiArray.optString(i);
 }
 }
 } catch (Exception e) {
 e.printStackTrace();
 } finally {
 if (null != br) {
 try {
 br.close();
 } catch (IOException e) {
 e.printStackTrace();
 }
 }
 }
 return emojis;
 }

 /**
 * 获取所有表情GridView页面的集合
 *
 * @return
 */
 public List<View> getPagerList() {
 List<View> pagers = null;
 String[] eachPageEmojis = null;
 if (null != mEmojis && mEmojis.length > 0) {
 pagers = new ArrayList<>();
 int pageCount = mEmojis.length / 27;//共8页表情
 for (int i = 0; i < pageCount; i++) {
 GridView gridView = new GridView(mContext);
 gridView.setNumColumns(7);
 gridView.setSelector(new ColorDrawable(Color.TRANSPARENT));
 gridView.setCacheColorHint(Color.TRANSPARENT);
 gridView.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
 gridView.setGravity(Gravity.CENTER);
 eachPageEmojis = new String[28];
 //总共216个表情字符,索引变化为:0-26,27-53,54-80,81-107,108-134,135-161,162-188,189-215
 System.arraycopy(mEmojis, i * 27, eachPageEmojis, 0, 27);
 eachPageEmojis[27] = "del";//第28是删除按钮,用特殊字符串表示
 gridView.setAdapter(new EmojiGvAdapter(mContext, eachPageEmojis));
 //点击表情监听
 gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 @Override
 public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
 //获取选中的表情字符
 String emoji = (String) parent.getAdapter().getItem(position);
 if (null != mEmojiClickListener) {
 mEmojiClickListener.onClick(emoji);
 }
 }
 });
 pagers.add(gridView);
 }
 }
 return pagers;
 }

 /**
 * 关联指示器点
 *
 * @param viewPager
 * @param pointLayout
 */
 public void setupWithPagerPoint(ViewPager viewPager, final LinearLayout pointLayout) {
 //初始表情指示器
 int pageCount = getCount();
 for (int i = 0; i < pageCount; i++) {
 ImageView point = new ImageView(mContext);
 point.setImageResource(R.drawable.shape_vp_dot_unselected);
 LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(-2, -2);
 params.rightMargin = (int) mContext.getResources().getDimension(R.dimen.dp10);
 if (i == 0) {
 point.setImageResource(R.drawable.shape_vp_dot_selected);
 }
 pointLayout.addView(point, params);
 }
 viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
 @Override
 public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

 }

 @Override
 public void onPageSelected(int position) {
 //切换指示器
 if (null != pointLayout && pointLayout.getChildCount() > 0) {
 for (int i = 0; i < pointLayout.getChildCount(); i++) {
 ((ImageView) pointLayout.getChildAt(i)).setImageResource(R.drawable.shape_vp_dot_unselected);
 }
 ((ImageView) pointLayout.getChildAt(position)).setImageResource(R.drawable.shape_vp_dot_selected);
 }
 }

 @Override
 public void onPageScrollStateChanged(int state) {

 }
 });
 }

 /**
 * 表情点击监听器
 */
 public interface OnEmojiClickListener {
 void onClick(String emoji);
 }

 public void setOnEmojiClickListener(OnEmojiClickListener l) {
 this.mEmojiClickListener = l;
 }
}

emoji GridView

public class EmojiGvAdapter extends BaseAdapter {
 private Context mContext;
 private String[] mEmojis;

 public EmojiGvAdapter(Context context, String[] eachPageEmojis) {
 this.mContext = context;
 this.mEmojis = eachPageEmojis;
 }

 @Override
 public int getCount() {
 return null == mEmojis ? 0 : mEmojis.length;
 }

 @Override
 public String getItem(int position) {
 return null == mEmojis ? "" : mEmojis[position];
 }

 @Override
 public long getItemId(int position) {
 return position;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
 ViewHolder holder = null;
 if (null == convertView) {
 holder = new ViewHolder();
 convertView = View.inflate(mContext, R.layout.item_emoji, null);
 holder.emojiTv = (TextView) convertView.findViewById(R.id.tv_emoji);
 convertView.setTag(holder);
 } else {
 holder = (ViewHolder) convertView.getTag();
 }
 if (position == 27) {
 //第28个显示删除按钮
 holder.emojiTv.setBackgroundResource(R.drawable.ic_emojis_delete);
 FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) holder.emojiTv.getLayoutParams();
 lp.bottomMargin = (int) mContext.getResources().getDimension(R.dimen.dp12);
 } else {
 holder.emojiTv.setText(getItem(position));
 }
 return convertView;
 }

 private static class ViewHolder {
 private TextView emojiTv;
 }


}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android  # emoji  # 表情  # 基于Android开发支持表情的实现详解  # Android开发技巧之像QQ一样输入文字和表情图像  # Android编程实现QQ表情的发送和接收完整实例(附源码)  # 完整的Android表情功能处理方案  # Android编程开发实现TextView显示表情图像和文字的方法  # 详解Android过滤emoji表情正则表达式  # android高仿微信表情输入与键盘输入代码(详细实现分析)  # Android EdText编辑框禁止输入表情符号(使用正则表达式)  # Android输入框添加emoje表情图标的实现代码  # Android实现表情功能  # 是由  # 目录下  # 输入框  # 表情符号  # 的是  # 是一个  # 是一种  # 成了  # 出了  # 又是  # 都要  # 把它  # 也很  # 可以直接  # 所示  # 则可  # 谁来  # 其所  # 你得  # 大家多多 

相关文章： 海南网站制作公司有哪些,海口网是哪家的？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  深圳网站制作培训,深圳哪些招聘网站比较好？  宝塔建站后网页无法访问如何解决？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  建站主机选购指南：核心配置与性价比推荐解析  如何确保FTP站点访问权限与数据传输安全？  图册素材网站设计制作软件,图册的导出方式有几种？  如何通过FTP空间快速搭建安全高效网站？  如何基于PHP生成高效IDC网络公司建站源码？  建站主机服务器选型指南与性能优化方案解析  建站之星如何开启自定义404页面避免用户流失？  建站之星备案是否影响网站上线时间？  如何选购建站域名与空间？自助平台全解析  SQL查询语句优化的实用方法总结  ppt制作免费网站有哪些,ppt模板免费下载网站？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  深圳网站制作案例,网页的相关名词有哪些？  建站168自助建站系统：快速模板定制与SEO优化指南  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  微信小程序 input输入框控件详解及实例（多种示例）  网站制作公司排行榜,四大门户网站排名？  定制建站如何定义？其核心优势是什么？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  网站制作话术技巧,网站推广做的好怎么话术？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  广州营销型建站服务商推荐：技术优势与SEO优化解析  制作网站外包平台,自动化接单网站有哪些？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  中山网站制作网页,中山新生登记系统登记流程？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  如何选择服务器才能高效搭建专属网站？  如何快速查询域名建站关键信息？  C#怎么使用委托和事件 C# delegate与event编程方法  如何零基础在云服务器搭建WordPress站点？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  建站之星微信建站一键生成小程序+多端营销系统  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  C++中引用和指针有什么区别？（代码说明）  如何快速生成高效建站系统源代码？  建站主机选购指南：核心配置优化与品牌推荐方案  建站之星×万网：智能建站系统+自助建站平台一键生成  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何基于云服务器快速搭建网站及云盘系统？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  建站之星伪静态规则如何正确配置？