如何在Android的TextView或EditText中添加动画表情符号

Question

作为问题，我使用ImageSpan将图像添加到TextView中。但它不能动画。你有什么建议吗?
我尝试扩展AnimationDrawable以将drawable添加到ImageSpan中。但是它不起作用

public class EmoticonDrawalbe extends AnimationDrawable {
    private Bitmap bitmap;
    private GifDecode decode;
    private int gifCount;
    public EmoticonDrawalbe(Context context, String source) {
        decode = new GifDecode();
        decode.read(context, source);
        gifCount = decode.getFrameCount();
        if (gifCount <= 0) {
            return;
        }
        for (int i = 0; i < gifCount; i++) {
            bitmap = decode.getFrame(i);
            addFrame(new BitmapDrawable(bitmap), decode.getDelay(i));
        }
        setOneShot(false);
    }
    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        start();
    }
}

Answer 1

我会尝试:

• 将动画图像(可能是。gif文件?)分割成单独的帧，并将它们组合成AnimationDrawable，然后传递给ImageSpan的构造函数。
• 子类ImageSpan和覆盖onDraw()方法，以添加自己的逻辑来绘制基于某种定时器的不同帧。这里有一个api演示，演示了如何使用Movie类来加载一个可能值得研究的动画gif。

大编辑:好吧，很抱歉没有早点回来，但我必须留出一些时间来亲自调查一下。我已经玩了它，因为我可能需要一个解决方案，为我自己的一个未来的项目。不幸的是，我在使用AnimationDrawable时遇到了类似的问题，这似乎是由DynamicDrawableSpan (ImageSpan的间接超类)使用的缓存机制引起的。

对我来说，另一个问题是，似乎没有一个直接的方法来使Drawable或ImageSpan无效。Drawable实际上有invalidateDrawable(Drawable)和invalidateSelf()方法，但第一个在我的情况下没有任何效果，而后者只有在附加了一些神奇的Drawable.Callback时才有效。我找不到任何关于如何使用这个的像样的文档…

所以，我在逻辑树上更进一步来解决这个问题。我必须提前提醒一下，这很可能不是最佳解决方案，但目前这是我唯一能够使用的解决方案。如果你偶尔使用我的解决方案，你可能不会遇到问题，但我绝对不会让整个屏幕充满表情符号。我不确定会发生什么，但话又说回来，我可能根本不想知道。

话不多说，下面是代码。我添加了一些注释，使其不言自明。它很可能使用了一个不同的Gif解码类/库，但它应该可以与任何在那里工作。

AnimatedGifDrawable.java

public class AnimatedGifDrawable extends AnimationDrawable {
    private int mCurrentIndex = 0;
    private UpdateListener mListener;
    public AnimatedGifDrawable(InputStream source, UpdateListener listener) {
        mListener = listener;
        GifDecoder decoder = new GifDecoder();
        decoder.read(source);
        // Iterate through the gif frames, add each as animation frame
        for (int i = 0; i < decoder.getFrameCount(); i++) {
            Bitmap bitmap = decoder.getFrame(i);
            BitmapDrawable drawable = new BitmapDrawable(bitmap);
            // Explicitly set the bounds in order for the frames to display
            drawable.setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());
            addFrame(drawable, decoder.getDelay(i));
            if (i == 0) {
                // Also set the bounds for this container drawable
                setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());
            }
        }
    }
    /**
     * Naive method to proceed to next frame. Also notifies listener.
     */
    public void nextFrame() {
        mCurrentIndex = (mCurrentIndex + 1) % getNumberOfFrames();
        if (mListener != null) mListener.update();
    }
    /**
     * Return display duration for current frame
     */
    public int getFrameDuration() {
        return getDuration(mCurrentIndex);
    }
    /**
     * Return drawable for current frame
     */
    public Drawable getDrawable() {
        return getFrame(mCurrentIndex);
    }
    /**
     * Interface to notify listener to update/redraw 
     * Can't figure out how to invalidate the drawable (or span in which it sits) itself to force redraw
     */
    public interface UpdateListener {
        void update();
    }
}

AnimatedImageSpan.java

public class AnimatedImageSpan extends DynamicDrawableSpan {
    private Drawable mDrawable;
    public AnimatedImageSpan(Drawable d) {
        super();
        mDrawable = d;
        // Use handler for 'ticks' to proceed to next frame 
        final Handler mHandler = new Handler();
        mHandler.post(new Runnable() {
            public void run() {
                ((AnimatedGifDrawable)mDrawable).nextFrame();
                // Set next with a delay depending on the duration for this frame 
                mHandler.postDelayed(this, ((AnimatedGifDrawable)mDrawable).getFrameDuration());
            }
        });
    }
    /*
     * Return current frame from animated drawable. Also acts as replacement for super.getCachedDrawable(),
     * since we can't cache the 'image' of an animated image.
     */
    @Override
    public Drawable getDrawable() {
        return ((AnimatedGifDrawable)mDrawable).getDrawable();
    }
    /*
     * Copy-paste of super.getSize(...) but use getDrawable() to get the image/frame to calculate the size,
     * in stead of the cached drawable.
     */
    @Override
    public int getSize(Paint paint, CharSequence text, int start, int end, Paint.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;
    }
    /*
     * Copy-paste of super.draw(...) but use getDrawable() to get the image/frame to draw, in stead of
     * the cached drawable.
     */
    @Override
    public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
        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();
    }
}

用法:

final TextView gifTextView = (TextView) findViewById(R.id.gif_textview);
SpannableStringBuilder sb = new SpannableStringBuilder();
sb.append("Text followed by animated gif: ");
String dummyText = "dummy";
sb.append(dummyText);
sb.setSpan(new AnimatedImageSpan(new AnimatedGifDrawable(getAssets().open("agif.gif"), new AnimatedGifDrawable.UpdateListener() {   
    @Override
    public void update() {
        gifTextView.postInvalidate();
    }
})), sb.length() - dummyText.length(), sb.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
gifTextView.setText(sb);

正如您所看到的，我使用了一个Handler来提供"tick"以推进到下一帧。这样做的好处是，它只会在需要渲染新帧时触发更新。实际的重绘是通过使包含AnimatedImageSpan的TextView无效来完成的。同时缺点是，每当你有一堆动画gif在同一个TextView(或多个)，视图可能会像疯了一样更新…明智地使用它。:)

Answer 2

可以使用ObjectAnimator为ImageSpan中的可绘制对象设置动画

http://developer.android.com/reference/android/animation/ObjectAnimator.html