Spannable配合AnimationDrawable实现TextView中展示Gif图片

辣的原理解释，反正大家也不爱看，所以直接上代码了

长这样，下面两个图是gif，会动的。

package com.example.myapplication;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;

import java.io.InputStream;

public class GifDrawable extends AnimationDrawable {

    private int mCurrentIndex = 0;
    private UpdateListener mListener;

    public GifDrawable(Context context, InputStream source,
                       UpdateListener listener) {
        mListener = listener;
        GifHelper decoder = new GifHelper();
        decoder.read(source);
        // 遍历gif图像里面的每一帧，放进animation frame中
        for (int i = 0; i < decoder.getFrameCount(); i++) {
            Bitmap bitmap = decoder.getFrame(i);
            BitmapDrawable drawable = new BitmapDrawable(
                    context.getResources(), bitmap);
            // 为每一帧设置边界
            drawable.setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());
            addFrame(drawable, decoder.getDelay(i));
            if (i == 0) {
                // 为容器设置一个边界
                setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());
            }
        }
    }

    /**
     * 继续下一帧，同时通知监听器
     */
    public void nextFrame() {
        // 当循环到最后一帧时，索引就会为0，注意索引比帧的数量小1
        mCurrentIndex = (mCurrentIndex + 1) % getNumberOfFrames();
        if (mListener != null) {
            mListener.update();
        }
    }

    /**
     * 返回当前帧的显示时间
     *
     * @return
     */
    public int getFrameDuration() {
        return getDuration(mCurrentIndex);
    }

    /**
     * 返回当前帧的图片
     *
     * @return
     */
    public Drawable getDrawable() {
        return getFrame(mCurrentIndex);
    }

    /**
     * 该接口通知监听器更新/重绘界面
     *
     * @author moon
     */
    public interface UpdateListener {
        void update();
    }

    public void setUpdateListener(UpdateListener listener) {
        this.mListener = listener;
    }
}

package com.example.myapplication;
 
import java.io.InputStream;
import java.util.Vector;
 
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
 
//Handler for read & extract Bitmap from *.gif
public class GifHelper {
 
	// to define some error type
	public static final int STATUS_OK = 0;
	public static final int STATUS_FORMAT_ERROR = 1;
	public static final int STATUS_OPEN_ERROR = 2;
 
	protected int status;
 
	protected InputStream in;
 
	protected int width; // full image width
	protected int height; // full image height
	protected boolean gctFlag; // global color table used
	protected int gctSize; // size of global color table
	protected int loopCount = 1; // iterations; 0 = repeat forever
 
	protected int[] gct; // global color table
	protected int[] lct; // local color table
	protected int[] act; // active color table
 
	protected int bgIndex; // background color index
	protected int bgColor; // background color
	protected int lastBgColor; // previous bg color
	protected int pixelAspect; // pixel aspect ratio
 
	protected boolean lctFlag; // local color table flag
	protected boolean interlace; // interlace flag
	protected int lctSize; // local color table size
 
	protected int ix, iy, iw, ih; // current image rectangle
	protected int lrx, lry, lrw, lrh;
	protected Bitmap image; // current frame
	protected Bitmap lastImage; // previous frame
	protected int frameindex = 0;
 
	public int getFrameindex() {
		return frameindex;
	}
 
	public void setFrameindex(int frameindex) {
		this.frameindex = frameindex;
		if (frameindex > frames.size() - 1) {
			frameindex = 0;
		}
	}
 
	protected byte[] block = new byte[256]; // current data block
	protected int blockSize = 0; // block size
 
	// last graphic control extension info
	protected int dispose = 0;
	// 0=no action; 1=leave in place; 2=restore to bg; 3=restore to prev
	protected int lastDispose = 0;
	protected boolean transparency = false; // use transparent color
	protected int delay = 0; // delay in milliseconds
	protected int transIndex; // transparent color index
 
	protected static final int MaxStackSize = 4096;
	// max decoder pixel stack size
 
	// LZW decoder working arrays
	protected short[] prefix;
	protected byte[] suffix;
	protected byte[] pixelStack;
	protected byte[] pixels;
 
	protected Vector<GifFrame> frames; // frames read from current file
	protected int frameCount;
 
	// to get its Width / Height
	public int getWidth() {
		return width;
	}
 
	public int getHeigh() {
		return height;
	}
 
	/**
	 * Gets display duration for specified frame.
	 * 获得当前帧的延迟时间
	 * @param n
	 *            int index of frame
	 * @return delay in milliseconds
	 */
	public int getDelay(int n) {
		delay = -1;
		if ((n >= 0) && (n < frameCount)) {
			delay = ((GifFrame) frames.elementAt(n)).delay;
		}
		return delay;
	}
 
	public int getFrameCount() {
		return frameCount;
	}
 
	/**
	 * 获取首帧的图片
	 */
	public Bitmap getImage() {
		return getFrame(0);
	}
 
	public int getLoopCount() {
		return loopCount;
	}
 
	protected void setPixels() {
		int[] dest = new int[width * height];
		// fill in starting image contents based on last image's dispose code
		if (lastDispose > 0) {
			if (lastDispose == 3) {
				// use image before last
				int n = frameCount - 2;
				if (n > 0) {
					lastImage = getFrame(n - 1);
				} else {
					lastImage = null;
				}
			}
			if (lastImage != null) {
				lastImage.getPixels(dest, 0, width, 0, 0, width, height);
				// copy pixels
				if (lastDispose == 2) {
					// fill last image rect area with background color
					int c = 0;
					if (!transparency) {
						c = lastBgColor;
					}
					for (int i = 0; i < lrh; i++) {
						int n1 = (lry + i) * width + lrx;
						int n2 = n1 + lrw;
						for (int k = n1; k < n2; k++) {
							dest[k] = c;
						}
					}
				}
			}
		}
 
		// copy each source line to the appropriate place in the destination
		int pass = 1;
		int inc = 8;
		int iline = 0;
		for (int i = 0; i < ih; i++) {
			int line = i;
			if (interlace) {
				if (iline >= ih) {
					pass++;
					switch (pass) {
					case 2:
						iline = 4;
						break;
					case 3:
						iline = 2;
						inc = 4;
						break;
					case 4:
						iline = 1;
						inc = 2;
					}
				}
				line = iline;
				iline += inc;
			}
			line += iy;
			if (line < height) {
				int k = line * width;
				int dx = k + ix; // start of line in dest
				int dlim = dx + iw; // end of dest line
				if ((k + width) < dlim) {
					dlim = k + width; // past dest edge
				}
				int sx = i * iw; // start of line in source
				while (dx < dlim) {
					// map color and insert in destination
					int index = ((int) pixels[sx++]) & 0xff;
					int c = act[index];
					if (c != 0) {
						dest[dx] = c;
					}
					dx++;
				}
			}
		}
		image = Bitmap.createBitmap(dest, width, height, Config.ARGB_4444);
	}
 
	/**
	 * 获得索引帧的图片
	 * 
	 * @param n
	 * @return
	 */
	public Bitmap getFrame(int n) {
		Bitmap im = null;
		if ((n >= 0) && (n < frameCount)) {
			im = ((GifFrame) frames.elementAt(n)).image;
		}
		return im;
	}
 
	/**
	 * 获得下一帧的图片
	 * 
	 * @return
	 */
	public Bitmap nextBitmap() {
		frameindex++;
		if (frameindex > frames.size() - 1) {
			frameindex = 0;
		}
		return ((GifFrame) frames.elementAt(frameindex)).image;
	}
 
	public int nextDelay() {
		return ((GifFrame) frames.elementAt(frameindex)).delay;
	}
 
	// to read & parse all *.gif stream
	/**
	 * 这里开始读取输入流，后面进行解析
	 * 
	 * @param is
	 * @return
	 */
	public int read(InputStream is) {
		init();
		if (is != null) {
			in = is;
			readHeader();
			if (!err()) {
				readContents();
				if (frameCount < 0) {
					status = STATUS_FORMAT_ERROR;
				}
			}
		} else {
			status = STATUS_OPEN_ERROR;
		}
		try {
			is.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
		return status;
	}
 
	protected void decodeImageData() {
		int NullCode = -1;
		int npix = iw * ih;
		int available, clear, code_mask, code_size, end_of_information, in_code, old_code, bits, code, count, i, datum, data_size, first, top, bi, pi;
 
		if ((pixels == null) || (pixels.length < npix)) {
			pixels = new byte[npix]; // allocate new pixel array
		}
		if (prefix == null) {
			prefix = new short[MaxStackSize];
		}
		if (suffix == null) {
			suffix = new byte[MaxStackSize];
		}
		if (pixelStack == null) {
			pixelStack = new byte[MaxStackSize + 1];
		}
		// Initialize GIF data stream decoder.
		data_size = read();
		clear = 1 << data_size;
		end_of_information = clear + 1;
		available = clear + 2;
		old_code = NullCode;
		code_size = data_size + 1;
		code_mask = (1 << code_size) - 1;
		for (code = 0; code < clear; code++) {
			prefix[code] = 0;
			suffix[code] = (byte) code;
		}
 
		// Decode GIF pixel stream.
		datum = bits = count = first = top = pi = bi = 0;
		for (i = 0; i < npix;) {
			if (top == 0) {
				if (bits < code_size) {
					// Load bytes until there are enough bits for a code.
					if (count == 0) {
						// Read a new data block.
						count = readBlock();
						if (count <= 0) {
							break;
						}
						bi = 0;
					}
					datum += (((int) block[bi]) & 0xff) << bits;
					bits += 8;
					bi++;
					count--;
					continue;
				}
				// Get the next code.
				code = datum & code_mask;
				datum >>= code_size;
				bits -= code_size;
 
				// Interpret the code
				if ((code > available) || (code == end_of_information)) {
					break;
				}
				if (code == clear) {
					// Reset decoder.
					code_size = data_size + 1;
					code_mask = (1 << code_size) - 1;
					available = clear + 2;
					old_code = NullCode;
					continue;
				}
				if (old_code == NullCode) {
					pixelStack[top++] = suffix[code];
					old_code = code;
					first = code;
					continue;
				}
				in_code = code;
				if (code == available) {
					pixelStack[top++] = (byte) first;
					code = old_code;
				}
				while (code > clear) {
					pixelStack[top++] = suffix[code];
					code = prefix[code];
				}
				first = ((int) suffix[code]) & 0xff;
				// Add a new string to the string table,
				if (available >= MaxStackSize) {
					break;
				}
				pixelStack[top++] = (byte) first;
				prefix[available] = (short) old_code;
				suffix[available] = (byte) first;
				available++;
				if (((available & code_mask) == 0)
						&& (available < MaxStackSize)) {
					code_size++;
					code_mask += available;
				}
				old_code = in_code;
			}
 
			// Pop a pixel off the pixel stack.
			top--;
			pixels[pi++] = pixelStack[top];
			i++;
		}
		for (i = pi; i < npix; i++) {
			pixels[i] = 0; // clear missing pixels
		}
	}
 
	protected boolean err() {
		return status != STATUS_OK;
	}
 
	// to initia variable
	public void init() {
		status = STATUS_OK;
		frameCount = 0;
		frames = new Vector<GifFrame>();
		gct = null;
		lct = null;
	}
 
	protected int read() {
		int curByte = 0;
		try {
			curByte = in.read();
		} catch (Exception e) {
			status = STATUS_FORMAT_ERROR;
		}
		return curByte;
	}
 
	protected int readBlock() {
		blockSize = read();
		int n = 0;
		if (blockSize > 0) {
			try {
				int count = 0;
				while (n < blockSize) {
					count = in.read(block, n, blockSize - n);
					if (count == -1) {
						break;
					}
					n += count;
				}
			} catch (Exception e) {
				e.printStackTrace();
			}
			if (n < blockSize) {
				status = STATUS_FORMAT_ERROR;
			}
		}
		return n;
	}
 
	// Global Color Table
	protected int[] readColorTable(int ncolors) {
		int nbytes = 3 * ncolors;
		int[] tab = null;
		byte[] c = new byte[nbytes];
		int n = 0;
		try {
			n = in.read(c);
		} catch (Exception e) {
			e.printStackTrace();
		}
		if (n < nbytes) {
			status = STATUS_FORMAT_ERROR;
		} else {
			tab = new int[256]; // max size to avoid bounds checks
			int i = 0;
			int j = 0;
			while (i < ncolors) {
				int r = ((int) c[j++]) & 0xff;
				int g = ((int) c[j++]) & 0xff;
				int b = ((int) c[j++]) & 0xff;
				tab[i++] = 0xff000000 | (r << 16) | (g << 8) | b;
			}
		}
		return tab;
	}
 
	// Image Descriptor
	protected void readContents() {
		// read GIF file content blocks
		boolean done = false;
		while (!(done || err())) {
			int code = read();
			switch (code) {
			case 0x2C: // image separator
				readImage();
				break;
			case 0x21: // extension
				code = read();
				switch (code) {
				case 0xf9: // graphics control extension
					readGraphicControlExt();
					break;
 
				case 0xff: // application extension
					readBlock();
					String app = "";
					for (int i = 0; i < 11; i++) {
						app += (char) block[i];
					}
					if (app.equals("NETSCAPE2.0")) {
						readNetscapeExt();
					} else {
						skip(); // don't care
					}
					break;
				default: // uninteresting extension
					skip();
				}
				break;
 
			case 0x3b: // terminator
				done = true;
				break;
 
			case 0x00: // bad byte, but keep going and see what happens
				break;
			default:
				status = STATUS_FORMAT_ERROR;
			}
		}
	}
 
	protected void readGraphicControlExt() {
		read(); // block size
		int packed = read(); // packed fields
		dispose = (packed & 0x1c) >> 2; // disposal method
		if (dispose == 0) {
			dispose = 1; // elect to keep old image if discretionary
		}
		transparency = (packed & 1) != 0;
		delay = readShort() * 10; // delay in milliseconds
		transIndex = read(); // transparent color index
		read(); // block terminator
	}
 
	// to get Stream - Head
	protected void readHeader() {
		StringBuffer id = new StringBuffer();
		for (int i = 0; i < 6; i++) {
			id.append((char) read());
		}
		if (!id.toString().startsWith("GIF")) {
			status = STATUS_FORMAT_ERROR;
			return;
		}
		readLSD();
		if (gctFlag && !err()) {
			gct = readColorTable(gctSize);
			bgColor = gct[bgIndex];
		}
	}
 
	protected void readImage() {
		// offset of X
		ix = readShort(); // (sub)image position & size
		// offset of Y
		iy = readShort();
		// width of bitmap
		iw = readShort();
		// height of bitmap
		ih = readShort();
 
		// Local Color Table Flag
		int packed = read();
		lctFlag = (packed & 0x80) != 0; // 1 - local color table flag
 
		// Interlace Flag, to array with interwoven if ENABLE, with order
		// otherwise
		interlace = (packed & 0x40) != 0; // 2 - interlace flag
		// 3 - sort flag
		// 4-5 - reserved
		lctSize = 2 << (packed & 7); // 6-8 - local color table size
		if (lctFlag) {
			lct = readColorTable(lctSize); // read table
			act = lct; // make local table active
		} else {
			act = gct; // make global table active
			if (bgIndex == transIndex) {
				bgColor = 0;
			}
		}
		int save = 0;
		if (transparency) {
			save = act[transIndex];
			act[transIndex] = 0; // set transparent color if specified
		}
		if (act == null) {
			status = STATUS_FORMAT_ERROR; // no color table defined
		}
		if (err()) {
			return;
		}
		decodeImageData(); // decode pixel data
		skip();
		if (err()) {
			return;
		}
		frameCount++;
		// create new image to receive frame data
		image = Bitmap.createBitmap(width, height, Config.ARGB_4444);
		// createImage(width, height);
		setPixels(); // transfer pixel data to image
		frames.addElement(new GifFrame(image, delay)); // add image to frame
		// list
		if (transparency) {
			act[transIndex] = save;
		}
		resetFrame();
	}
 
	// Logical Screen Descriptor
	protected void readLSD() {
		// logical screen size
		width = readShort();
		height = readShort();
		// packed fields
		int packed = read();
		gctFlag = (packed & 0x80) != 0; // 1 : global color table flag
		// 2-4 : color resolution
		// 5 : gct sort flag
		gctSize = 2 << (packed & 7); // 6-8 : gct size
		bgIndex = read(); // background color index
		pixelAspect = read(); // pixel aspect ratio
	}
 
	protected void readNetscapeExt() {
		do {
			readBlock();
			if (block[0] == 1) {
				// loop count sub-block
				int b1 = ((int) block[1]) & 0xff;
				int b2 = ((int) block[2]) & 0xff;
				loopCount = (b2 << 8) | b1;
			}
		} while ((blockSize > 0) && !err());
	}
 
	// read 8 bit data
	protected int readShort() {
		// read 16-bit value, LSB first
		return read() | (read() << 8);
	}
 
	protected void resetFrame() {
		lastDispose = dispose;
		lrx = ix;
		lry = iy;
		lrw = iw;
		lrh = ih;
		lastImage = image;
		lastBgColor = bgColor;
		dispose = 0;
		transparency = false;
		delay = 0;
		lct = null;
	}
 
	/**
	 * Skips variable length blocks up to and including next zero length block.
	 */
	protected void skip() {
		do {
			readBlock();
		} while ((blockSize > 0) && !err());
	}
 
	// to store *.gif data, Bitmap & delay
	/**
	 * 帧对象，包含图片和延迟时间
	 * 
	 * @author moon
	 * 
	 */
	private class GifFrame {
		// to access image & delay w/o interface
		public Bitmap image;
		public int delay;
 
		public GifFrame(Bitmap im, int del) {
			image = im;
			delay = del;
		}
 
	}
 
}

package com.example.myapplication;
 
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Paint.FontMetricsInt;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.text.style.DynamicDrawableSpan;
 
public class AnimatedImageSpan extends DynamicDrawableSpan {
	private Drawable mDrawable;
 
	public AnimatedImageSpan(Drawable d) {
		super();
		mDrawable = d;
		// 用handler 通知继续下一帧
		final Handler mHandler = new Handler();
		mHandler.post(new Runnable() {
 
			@Override
			public void run() {
				((GifDrawable) mDrawable).nextFrame();
				// 设置下一个的延迟取决于当前帧的持续时间
				mHandler.postDelayed(this,
						((GifDrawable) mDrawable).getFrameDuration());
			}
		});
	}
 
	@Override
	public Drawable getDrawable() {
		return ((GifDrawable) mDrawable).getDrawable();
	}
 
	/**
	 * 代码跟父类代码相似，就是getCachedDrawable()替换成getDrawable（）,因为前者里面的图片是WeakReference，
	 * 容易被gc回收，所以这里要避免这个问题
	 */
	@Override
	public int getSize(Paint paint, CharSequence text, int start, int end,
			FontMetricsInt fm) {
		Drawable d = getDrawable();
		Rect rect = d.getBounds();
 
		if (fm != null) {
			fm.ascent = -rect.bottom;
			fm.descent = 0;
 
			fm.top = fm.ascent;
			fm.bottom = 0;
		}
 
		return rect.right;
	}
 
	/**
	 * 代码跟父类代码相似，就是getCachedDrawable()替换成getDrawable（）,因为前者里面的图片是WeakReference，
	 * 容易被gc回收，所以这里要避免这个问题
	 */
	@Override
	public void draw(Canvas canvas, CharSequence text, int start, int end,
			float x, int top, int y, int bottom, Paint paint) {
		// TODO Auto-generated method stub
		Drawable b = getDrawable();
		canvas.save();
 
		int transY = bottom - b.getBounds().bottom;
		if (mVerticalAlignment == ALIGN_BASELINE) {
			transY -= paint.getFontMetricsInt().descent;
		}
 
		canvas.translate(x, transY);
		b.draw(canvas);
		canvas.restore();
	}
}

package com.example.myapplication

import android.os.Bundle
import android.text.Spannable
import android.text.SpannableStringBuilder
import androidx.appcompat.app.AppCompatActivity
import androidx.appcompat.widget.AppCompatTextView


class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val content =
            "金融监督管理总局相关负责人介绍，将加大支持力度、优化金融服务，尤其是切实服务扩大内需。接下来将采取针对性措施，引导银行保险机构支持增强发展动能，优化经济结构，推动经济持续回升向好。数据显示，6 月末信用卡、汽车和其他综合消费贷款比年初增加 7100 多亿元，上半年基础设施建设贷款余额同比多增1.05万亿元，制造业贷款余额同比多增 1800多亿元。6月末民营企业贷款余额同比增长 13.1%。"

        val tvVoiceContent = findViewById<AppCompatTextView>(R.id.tvVoiceContent)
        val sb = SpannableStringBuilder()
        sb.append(content)
        val dummyText = "dummy"
        sb.append(dummyText)
        sb.setSpan(AnimatedImageSpan(GifDrawable(
            this, assets.open("temp.gif")
        ) { tvVoiceContent.postInvalidate() }),
            sb.length - dummyText.length,
            sb.length,
            Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        tvVoiceContent.text = sb
    }
}