edittext 插入表情(基于socket方式)

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

1.首先你要准备好你的表情图片啦,我找了一些作为例子演示,把所有的表情图片放到res/drawable文件夹里面,至于表情的名字大家可以随便起,但是为了方便,最好是比较统一的格式,例如 face1,face2 ...,因为我实现的方式是在一个girdview里面显示这些表情,用户点击某个后就插入到edittext里面所以应该是如下图所示:
edittext 插入表情(基于socket方式)_第1张图片
相信这个界面应该不难搞吧,要是搞不定了网上找找例子啊,这里就不多说了。然后再声明一个数组这个数组里面放的都是图片的id 如下:
public static Integer[] mThumbIds = {
        R.drawable.face01,
        R.drawable.face02,
         R.drawable.face03,
        R.drawable.face04
}

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

2 .在girdview控件的setOnItemClickListener方法里面我们需要写如下代码:
gridShowFace.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View view,int position, long id) {
                   ImageGetter imageGetter = new ImageGetter() {
                   public Drawable getDrawable(String source) {
                   int id = Integer.parseInt(source);
                   Drawable d = getResources().getDrawable(id);
                   d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
                   return d;
                  }
               };


              CharSequence cs = Html.fromHtml("<img src='" + mThumbIds[position]+ "'/>",imageGetter, null);
              etContent.getText().append(cs);
              faceContent =FilterHtml(Html.toHtml(etContent.getText()));


                }
             });
代码分析 :在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()的值,这时候我们需要用一个方法过滤一下才能发,我们还需要一个方法 如下:

  public static String FilterHtml(String str){
            str = str.replaceAll("<(?!br|img)[^>]+>", "").trim();
            return str;
        }
     于是有个这句代码:faceContent =FilterHtml(Html.toHtml(etContent.getText())); 这就是把edittext的内容过滤,除了br标签和img标签,其他都去掉后的内容,现在就可以发送啦。注意:有些可能发送后就会出现#&62137这样编码的内容,需要再转码一下,转码的方法也给大家贴上 如下:
public static String UnicodeToGBK2(String s){
        String[] k = s.split(";") ;
        String rs = "" ;
        for(int i=0;i<k.length;i++) {
            int strIndex=k .indexOf("&#");
            String newstr = k;
            if(strIndex>-1) {
                String kstr = "";
                if(strIndex>0) {
                    kstr = newstr.substring(0,strIndex);
                    rs+=kstr;
                    newstr = newstr.substring(strIndex);
                }
                int m = Integer.parseInt(newstr.replace("&#",""));
                char c = (char)m ;
                rs+= c ;
            } else {
                rs+=k;
            }
        }
        return rs;
    }
上面的就改为:
public static String FilterHtml(String str){
        str = str .replaceAll("<(?!br|img)[^>]+>", "").trim();
        return UnicodeToGBK2(str);
    }



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

只需要在 适配器的 getview 给 textview 绑定内容时处理一下原来是setViewText((TextView) v, text) 改成
Html.fromHtml(text,imageGetter, null), 同样也需要 弄个 imageGetter对象出来就ok了。如图:
edittext 插入表情(基于socket方式)_第2张图片
终于写完了。有问题再联系吧。不足之处还需指点!

你可能感兴趣的:(edittext 插入表情(基于socket方式))