前言
目前在做一个即时通信类的项目,聊天需要支持发送表情,给的表情包是gif格式,所以就写了一下demo。网上也有很多demo但是如果放到ListView里,要不会因为消息过多而卡死,要不会因为ListView的复用机制而产生其他的bug。在此借鉴很多其他人的方法做了些修改。
图文混编实现思路
图文混编其实有很多种方法,就不一一详述了,在此用到的方法是SpannableString,该方法可以在文字中间穿插图片,SpannableString有个setSpan的方法,可以替换指定字符。我们通过正则将字符串中的表情字段提取出来然后替换掉就会达成我们的目的。当然这只是显示一个静态表情的方法,我们知道gif是动态图片,该怎么显示呢?我们在此就需要一个工具类:GifOpenHelper,该工具类可以实现将gif图片分解成多个图片,我们得到多个图片后就可以循环播放,实现gif的动态特征。
使用方法
首先,在xml中
<com.maxi.gifdemo.widget.GifEditText
android:id="@+id/gif_et"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="#ffffff"
/>
然后,
private GifEditText gifet;
private Handler handler;
private void findView() {
gifet = (GifEditText) findViewById(R.id.gif_et);
}
private void init() {
handler = new Handler();
String zhengze = "\\[:..\\]|\\[:...\\]"; //正则提取图片
String content = "你好啊[:困惑]我是Maxi[:流泪][:鬼脸]大家好啊\n[:郁闷]哈哈[:傲慢]hello 乡亲们[:闭嘴]and 乡亲们[:惊讶]\n[:流汗][:疑问]";
gifet.setPicSize(60, 60);//设置表情大小
gifet.setHasGif(true);//是否显示gif false只显示静态表情
gifet.setSpanText(handler,content,zhengze);
}
就可以了。正则提取表情当然需要大家写了。在此就不多说了,正则不会的去网上搜一下吧。
项目中使用参考(ListView中使用):Android聊天界面搭建
当然附上代码:gifdemo供大家参考