edittext 插入表情（基于socket方式）

最新推荐文章于 2024-04-24 16:41:00 发布

fa1d1

最新推荐文章于 2024-04-24 16:41:00 发布

阅读量775

点赞数

分类专栏： android UI与导航学习文章标签： socket string 代码分析 integer null android

android UI与导航学习专栏收录该内容

22 篇文章 0 订阅

订阅专栏

大家在用android版的qq时候一定见过有发送表情这样一个功能，我们知道类似qq这样的即时通信软件基本上都是通过socket方式实现的，在网上找了找有些网友已经实现了在edittext里面插入表情，但是真正基于 socket实现的还真没找到，在很一些网友帮助下加上自己的摸索终于实现了基于socket方式发送表情，今天我把它分享给大家，希望能帮助需要的人，帮助你就是帮助我！

1.首先你要准备好你的表情图片啦，我找了一些作为例子演示，把所有的表情图片放到res/drawable文件夹里面，至于表情的名字大家可以随便起，但是为了方便，最好是比较统一的格式，例如 face1，face2 ...，因为我实现的方式是在一个girdview里面显示这些表情，用户点击某个后就插入到edittext里面所以应该是如下图所示：

‍

相信这个界面应该不难搞吧，要是搞不定了网上找找例子啊，这里就不多说了。然后再声明一个数组这个数组里面放的都是图片的id 如下：

 
    1public  static Integer[] mThumbIds = { 
 
    2        R.drawable.face01, 
 
    3        R.drawable.face02， 
 
    4         R.drawable.face03, 
 
    5        R.drawable.face04 
 
    6}

你把你所有的图片都放进去。

2 .在girdview控件的setOnItemClickListener方法里面我们需要写如下代码：

 
    01gridShowFace.setOnItemClickListener(new OnItemClickListener() { 
 
    02            public void onItemClick(AdapterView<?> parent, View view,int position, long  id) { 
 
    03                   ImageGetter imageGetter = new ImageGetter() { 
 
    04                   public Drawable getDrawable(String source) { 
 
    05                   int id = Integer.parseInt(source); 
 
    06                   Drawable d = getResources().getDrawable(id); 
 
    07                   d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight()); 
 
    08                   return d; 
 
    09                  } 
 
    10               }; 
 
    11          
 
    12              CharSequence cs = Html.fromHtml("<img src='" + mThumbIds[position]+ "'/>",imageGetter, null); 
 
    13              etContent.getText().append(cs); 
 
    14              faceContent =FilterHtml(Html.toHtml(etContent.getText())); 
 
    15                   
 
    16                } 
 
    17             });

代码分析：

在setOnItemClickListener里面我们先实例化一个ImageGetter，ImageGetter是什么大家自己查查，我也不知道怎么定义它，这里我们可以理解为通过它可以把 edittext里面的html标签替换为图片的一个方法（不知道这样解释对不对），然后通过Html.fromHtml把它转换成文本格式，这个方法里面的 mThumbIds[position] 解释下，mThumbIds就是放图片id的数组，position就是你点击的id，这样就能得到图片的id了，得到的id 是一个16进制的字符串，也就是在 R文件里面系统自动生成的类似 “0x7f020009”这样的，再通过 etContent.getText().append(cs) 附加给edittext 此时你可以试试，点击一个图片后就显示在edittext里面了。显示是没问题了，但是这里我们需要注意下，虽然显示成功了，但是现在要是你打印出 edittext的text 里面肯定有个OBJ的小图标，我们发出去后也是显示那个样子，我们是要通过socket发出去的，所以我们不能直接发送edittext.gettext()的值，这时候我们需要用一个方法过滤一下才能发，我们还需要一个方法如下：

 
    1public  static String FilterHtml(String str){ 
 
    2            str = str.replaceAll("<(?!br|img)[^>]+>", "").trim();  
 
    3            return str; 
 
    4        }

于是有个这句代码：faceContent =FilterHtml(Html.toHtml(etContent.getText())); 这就是把edittext的内容过滤，除了br标签和img标签，其他都去掉后的内容，现在就可以发送啦。注意：有些可能发送后就会出现#&62137这样编码的内容，需要再转码一下，转码的方法也给大家贴上如下：

 
    01public  static String UnicodeToGBK2(String s){ 
 
    02        String[] k = s.split(";") ; 
 
    03        String rs = "" ; 
 
    04        for(int i=0;i<k.length;i++) { 
 
    05            int strIndex=k.indexOf("&#"); 
 
    06            String newstr = k; 
 
    07            if(strIndex>-1) { 
 
    08                String kstr = ""; 
 
    09                if(strIndex>0) { 
 
    10                    kstr = newstr.substring(0,strIndex); 
 
    11                    rs+=kstr; 
 
    12                    newstr = newstr.substring(strIndex); 
 
    13                } 
 
    14                int m = Integer.parseInt(newstr.replace("&#","")); 
 
    15                char c = (char)m ; 
 
    16                rs+= c ; 
 
    17            } else { 
 
    18                rs+=k; 
 
    19            } 
 
    20        } 
 
    21        return rs; 
 
    22    }

上面的就改为：

 
    1public  static String FilterHtml(String str){ 
 
    2        str = str .replaceAll("<(?!br|img)[^>]+>", "").trim();  
 
    3        return UnicodeToGBK2(str); 
 
    4    }

3.还有最后一步，发出去了还要显示出来，

只需要在适配器的 getview 给 textview 绑定内容时处理一下原来是setViewText((TextView) v, text) 改成 Html.fromHtml(text,imageGetter, null)，同样也需要弄个 imageGetter对象出来就ok了。如图：

fa1d1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
edittext 插入表情（基于socket方式）

大家在用android版的qq时候一定见过有发送表情这样一个功能，我们知道类似qq这样的即时通信软件基本上都是通过socket方式实现的，在网上找了找有些网友已经实现了在edittext里面插入表情，但是真正基于 socket实现的还真没找到，在很一些网友帮助下加上自己的摸索终于实现了基于socket方式发送表情，今天我把它分享给大家，希望能帮助需要的人，帮助你就是帮助我！1.首先你要准备好你
复制链接

扫一扫