Android聊天实现图文混编(包括gif显示)

前言

目前在做一个即时通信类的项目,聊天需要支持发送表情,给的表情包是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供大家参考

注:该Demo不做维护,些许更改将在Android聊天界面搭建文章末尾的git仓库地址中更改。将项目中的GifTextView提取出来即可。

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页