手机常用表情符号_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
手机常用表情符号
上传于|0|0|暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩6页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢Android自带的emoji表情的使用
什么是emoji表情
emoji表情是一种表情符号，在代码中它现在其实是一组遵循Unicode的编码，即每一个表情符号都对应了一个Unicode编码。更进一步说，emoji表情实际上是一组Unicode编码与一组表情描述之间的对应。注意，这里所说的不是表情图片，而是表情描述。那么图片的实现是由谁来负责的呢？图片是由各个或者软件针对统一的表情描述来各自实现的，他们都遵循统一的Unicode编码规范。也就是说Unicode编码其所对应的表情描述是统一的，是所有人都要共同遵守的一套标准或者规范，而具体的表情图片则可能因平台的不同而产生差异。
首先你得先从网上收集一套emoji的Unicode编码,例如这个网站
该网站上面给出了每个emoji表情的图片,描述,Unicode编码的对照表,点击表中每一项emoji可看到如下所示:
红色框框就是我们要的值.在java中的Unicode表示就是:&\ud83d\ude01&,该编码字符可以直接被Android的TextView和EditText控件识别成对应的emoji表情.
本次demo中展示了从 &\ud83d\ude00& - &\ud83c\udf7c&这216个emoji表情.
效果图如下:
关于emoji编码的存放和获取
由于有216个emoji编码字符串,因此我把它整理到一个json数组中,然后保存到assets目录下.
然后获取的话,通过如下代码方式获取:
* 从assets目录下获取所有表情
public String[] getEmojis() {
BufferedReader br =
String emojis[] =
InputStream is = mContext.getAssets().open(&emoji.json&);
StringBuffer sb = new StringBuffer();
br = new BufferedReader(new InputStreamReader(is));
String line =
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) {
br.close();
} catch (IOException e) {
e.printStackTrace();
表情组设计
通过上面的效果图也可以看得出,216个emoji表情被分成了8组,每组27个emoji+1个删除按钮.
实现这个效果也很简单,就是通过ViewPager来展示每一组emoji,而每一组emoji里面又是一个GridView控件,里面的item就是一个个的TextView.
每一组emoji页面的创建代码如下:
* 获取所有表情GridView页面的集合
public List getPagerList() {
List pagers =
String[] eachPageEmojis =
if (null != mEmojis && mEmojis.length & 0) {
pagers = new ArrayList&&();
int pageCount = mEmojis.length / 27;//共8页表情
for (int i = 0; i & pageC 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() {
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);
MainActivity的布局和代码
主布局是一个垂直的线性布局,大体分2部分,表情面板和上面的视图界面
MainActivity代码如下:
public class MainActivity extends AppCompatActivity {
private static final String TAG = &MainActivity&;
private Button mEmojiBtn, mSendB//表情按钮和发送按钮
private EditText mMsgE//输入框
private TextView mInfoTv;//展示界面
private ViewPager mEmojiVp;//表情ViewPager
private FrameLayout mEmojiFl;//表情面板
private LinearLayout mVpPointLl;//表情ViewPager指示器
//输入法和表情平滑切换的辅助类
private EmotionKeyboardSwitchHelper mEmotionKeyboardSwitchH
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() {
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() {
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);
mMsgEdt.append(emoji);
mEmojiVp.setCurrentItem(0);
//关联指示器点
adapter.setupWithPagerPoint(mEmojiVp, mVpPointLl);
public void onBackPressed() {
if (mEmotionKeyboardSwitchHelper.onBackPress()) {
super.onBackPressed();
emoji ViewPager
public class EmojiVpAdapter extends PagerAdapter {
private Context mC
private String[] mE//216个表情字符
private List mP//展示的页面
private OnEmojiClickListener mEmojiClickL//表情点击监听接口
public EmojiVpAdapter(Context ctx) {
this.mContext =
this.mEmojis = getEmojis();
this.mPagers = getPagerList();
public int getCount() {
return null == mPagers ? 0 : mPagers.size();
public boolean isViewFromObject(View view, Object object) {
return view ==
public Object instantiateItem(ViewGroup container, int position) {
View view = mPagers.get(position);
if (null != view) {
container.addView(view);
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
* 从assets目录下获取所有表情
public String[] getEmojis() {
BufferedReader br =
String emojis[] =
InputStream is = mContext.getAssets().open(&emoji.json&);
StringBuffer sb = new StringBuffer();
br = new BufferedReader(new InputStreamReader(is));
String line =
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) {
br.close();
} catch (IOException e) {
e.printStackTrace();
* 获取所有表情GridView页面的集合
public List getPagerList() {
List pagers =
String[] eachPageEmojis =
if (null != mEmojis && mEmojis.length & 0) {
pagers = new ArrayList&&();
int pageCount = mEmojis.length / 27;//共8页表情
for (int i = 0; i & pageC 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() {
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);
* 关联指示器点
* @param viewPager
* @param pointLayout
public void setupWithPagerPoint(ViewPager viewPager, final LinearLayout pointLayout) {
//初始表情指示器
int pageCount = getCount();
for (int i = 0; i & pageC 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() {
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
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);
public void onPageScrollStateChanged(int state) {
* 表情点击监听器
public interface OnEmojiClickListener {
void onClick(String emoji);
public void setOnEmojiClickListener(OnEmojiClickListener l) {
this.mEmojiClickListener =
emoji GridView
public class EmojiGvAdapter extends BaseAdapter {
private Context mC
private String[] mE
public EmojiGvAdapter(Context context, String[] eachPageEmojis) {
this.mContext =
this.mEmojis = eachPageE
public int getCount() {
return null == mEmojis ? 0 : mEmojis.
public String getItem(int position) {
return null == mEmojis ? && : mEmojis[position];
public long getItemId(int position) {
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder =
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);
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);
holder.emojiTv.setText(getItem(position));
return convertV
private static class ViewHolder {
private TextView emojiTv;