Android开发之逐帧动画优化

Android上如果使用逐帧动画的话,可以很方便地使用AnimationDrawable,无论是先声明xml还是直接代码里设置,都是几分钟的事,但使用AnimationDrawable有一个致命的弱点,那就是需要一次性加载所有图片到内存,万一帧数多了或者每张图片都比较大,很容易就报out of memory的异常了,所以有必要进行优化。

这里我们利用View.postDelayed方法延时替换图片,这样就能做到逐帧动画的效果了,然后在替换图片之前,强制回收ImageView当前bitmap就可以减少内存消耗了,废话少说,上代码。

public class SceneAnimation {
    private ImageView mImageView;
    private int[] mFrameRess;
    private int[] mDurations;
    private int mDuration;
    private int mLastFrameNo;
    private long mBreakDelay = 0L;
    private int mLastPlayFrameNo = 0;
    private boolean isStop = true;

    public SceneAnimation(ImageView pImageView, int[] pFrameRess,
                          int[] pDurations) {
        mImageView = pImageView;
        mFrameRess = pFrameRess;
        mDurations = pDurations;
        mLastFrameNo = pFrameRess.length - 1;
        // mImageView.setBackgroundResource(mFrameRess[0]);
    }

    public SceneAnimation(ImageView pImageView, int[] pFrameRess, int pDuration) {
        mImageView = pImageView;
        mFrameRess = pFrameRess;
        mDuration = pDuration;
        mLastFrameNo = pFrameRess.length - 1;
        //   mImageView.setBackgroundResource(mFrameRess[0]);
    }

    public SceneAnimation(ImageView pImageView, int[] pFrameRess,
                          int pDuration, long pBreakDelay) {
        mImageView = pImageView;
        mFrameRess = pFrameRess;
        mDuration = pDuration;
        mLastFrameNo = pFrameRess.length - 1;
        mBreakDelay = pBreakDelay;
        //   mImageView.setBackgroundResource(mFrameRess[0]);
    }

    @SuppressWarnings("unused")
    private void play(final int pFrameNo) {
        mImageView.postDelayed(new Runnable() {
            public void run() {
                if (pFrameNo != mLastPlayFrameNo) {
                    recycleImage();
                    mLastPlayFrameNo = pFrameNo;
                }
                mImageView.setBackgroundResource(mFrameRess[pFrameNo]);
                if (!isStop) {
                    if (pFrameNo == mLastFrameNo)
                        play(0);
                    else
                        play(pFrameNo + 1);
                }
            }
        }, mDurations[pFrameNo]);
    }

    private void playConstant(final int pFrameNo) {
        mImageView.postDelayed(new Runnable() {
            public void run() {
                if (pFrameNo != mLastPlayFrameNo) {
                    recycleImage();
                    mLastPlayFrameNo = pFrameNo;
                }
                mImageView.setBackgroundResource(mFrameRess[pFrameNo]);
                if (!isStop) {
                    if (pFrameNo == mLastFrameNo)
                        playConstant(0);
                    else
                        playConstant(pFrameNo + 1);
                }
            }
        }, pFrameNo == mLastFrameNo && mBreakDelay > 0 ? mBreakDelay
                : mDuration);
    }

    public void stopPlay() {
        isStop = true;
//        recycleImage();
    }

    public void playConstant() {
        isStop = false;
        playConstant(mLastPlayFrameNo);
    }

    private void recycleImage() {
        BitmapUtil.recycleImageView(mImageView);
    }

    public void playOnce(FinishCallback callback) {
        isStop = false;
        playOnce(callback, 0);
    }

    private void playOnce(FinishCallback callback, int frameNo) {
        mImageView.postDelayed(new Runnable() {
            public void run() {
                if (frameNo != 0)
                    recycleImage();
                mImageView.setBackgroundResource(mFrameRess[frameNo]);
                if (!isStop) {
                    if (frameNo == mLastFrameNo) {
                        isStop = true;
                        if (callback != null)
                            callback.onFinish(SceneAnimation.this);
                    } else
                        playOnce(callback, frameNo + 1);
                }
            }
        }, frameNo == mLastFrameNo && mBreakDelay > 0 ? mBreakDelay
                : mDuration);
    }

    public interface FinishCallback {
        public void onFinish(SceneAnimation sceneAnimation);
    }

    public boolean isRunning() {
        return !isStop;
    }
}

上面的类提供了两种方法,循环播放和只播放一次,stopPlay是停止当前动画,而mLastPlayFrameNo是当前图片是所有图片中的第几张,循环中当当前的frameNo不等于mLastPlayFrameNo时回收图片,这个相当重要,处理不当可能会报出使用回收后的bitmap的异常,因为有可能用户一开始ImageView设置的src就是第0张,又或者用户停止动画后又想重新播放,那么就会发生上面的情况。

好了,讲述完这个类,看一下如何使用吧,很简单。

SceneAnimation waitAnim = new SceneAnimation(waitImageView, waitResIds, 100); // 指定绑定的ImageView和图片资源数组以及每张图片的延时
waitAnim.playConstant(); // 循环播放
waitAnim.stopPlay(); // 停止播放

逐帧动画优化到这里结束了,后期我们或许可以继续优化,就是防止一个图片帧太大,加载时间过长,我们可以缓存多张,而不是现在的只缓存一张。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏郭霖

Android Scroller完全解析,关于Scroller你所需知道的一切

2016大家新年好!这是今年的第一篇文章,那么应CSDN工作人员的建议,为了能给大家带来更好的阅读体验,我也是将博客换成了宽屏版。另外,作为一个对新鲜事物从来后...

28360
来自专栏BY的专栏

iOS手势与变形

35740
来自专栏郭霖

Android瀑布流照片墙实现,体验不规则排列的美感

传统界面的布局方式总是行列分明、坐落有序的,这种布局已是司空见惯,在不知不觉中大家都已经对它产生了审美疲劳。这个时候瀑布流布局的出现,就给人带来了耳目一新的感觉...

42750
来自专栏iOS

Swift中的双向数据绑定

双向绑定在我们的开发中有时候也是会用到的,比如MVVM中,ViewModel绑定到一个UI控件,当ViewModel发生变化时,控件跟着变化,而当我们改变控件值...

62640
来自专栏移动开发面面观

React Native的列表显示

16540
来自专栏向治洪

React Native控件之ListView

概述 ListView作为核心组件之一,主要用于高效地显示一个可以垂直滚动的变化的数据列表。经过自定义组装,我们还可以用它实现九宫格等页面效果。 在Reac...

29370
来自专栏向治洪

React Native控件之Listview

ListView组件用于显示一个垂直的滚动列表,其中的元素之间结构近似而仅数据不同。 ListView更适于长列表数据,且元素个数可以增删。和ScrollVie...

19390
来自专栏QQ音乐技术团队的专栏

轻听变色之谜

轻听是一款小而美的 Android 本地音乐播放器,而它的特点之一就是拥有多彩的外衣,那么轻听是如何实现变色的呢?

42000
来自专栏Android开发小工

完全自定义样式的一句话实现RecyclerView的单选多选

今天的主题是封装RecyclerView的单选多选,现在大家应该都是用的RecyclerView开发列表数据吧。

21850
来自专栏李蔚蓬的专栏

Material Design 实战 之第一弹——Toolbar详解

本模块共有六篇文章,参考郭神的《第一行代码》,对Material Design的学习做一个详细的笔记,大家可以一起交流一下:

11920

扫码关注云+社区

领取腾讯云代金券