前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android开发之逐帧动画优化

Android开发之逐帧动画优化

作者头像
forrestlin
发布2018-05-24 10:27:27
1.7K0
发布2018-05-24 10:27:27
举报
文章被收录于专栏:蜉蝣禅修之道

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

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

代码语言:javascript
复制
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张,又或者用户停止动画后又想重新播放,那么就会发生上面的情况。

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017年04月04日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档