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

概述什么是emoji表情emoji表情是一种表情符号，在代码中它现在其实是一组遵循Unicode的编码，即每一个表情符号都对应了一个Unicode编码。更进一步说，emoji表情实际上是一组Unicode编码与一组表情描述之间的对应。注意，

什么是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,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,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个表情字符,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自带emoji表情的使用方法详解所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。