Android 使用帧动画内存溢出解决方案

Android 使用帧动画内存溢出解决方案

最近在项目遇到的动画效果不好实现，就让UI切成图，采用帧动画实现效果，但是在使用animation-list时，图片也就11张，每张图片大概560k左右，结果内存溢出，崩溃 了，自己用了三张都崩溃；拿代码说；

1.anin_searh.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="true">
 <item android:drawable="@drawable/a1" android:duration="100"></item>
  <item android:drawable="@drawable/a2" android:duration="100"></item>
  <item android:drawable="@drawable/a4" android:duration="100"></item>
  <item android:drawable="@drawable/a5" android:duration="100"></item>
  <item android:drawable="@drawable/a6" android:duration="100"></item>
  <item android:drawable="@drawable/a7" android:duration="100"></item>
  <item android:drawable="@drawable/a8" android:duration="100"></item>
  <item android:drawable="@drawable/a9" android:duration="100"></item>
  <item android:drawable="@drawable/a10" android:duration="100"></item>
  <item android:drawable="@drawable/a11" android:duration="100"></item>
</animation-list>

2.使用帧动画

search_scale_iv.setBackgroundResource(R.drawable.anim_search);
    AnimationDrawable drawable = (AnimationDrawable) search_scale_iv.getBackground();
    drawable.start();

结果setBackgroundResource出现内存溢出，这个方法其实获取drawable时候,会消耗很多内存，很容易内存溢出，崩溃。

3.解决方法：在网上找了个类，处理，结果我使用11张560k大小图片，没有内存溢出；

import android.content.Context;
import android.content.res.XmlResourceParser;
import android.graphics.BitmapFactory;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.widget.ImageView; 

import org.apache.commons.io.IOUtils;
import org.xmlpull.v1.XmlPullParser;
import org.xmlpull.v1.XmlPullParserException; 

import java.io.IOException;
import java.util.ArrayList;
import java.util.List; 

/****
 * 此工具类源于stack over flow
 * 原文链接:http://stackoverflow.com/questions/8692328/causing-outofmemoryerror-in-frame-by-frame-animation-in-android
 * 主要使用了BitmapFactory.decodeByteArray方法通过底层C来绘制图片,有效防止OOM
 * 使用了第三方类库:org.apache.commons.io.IOUtils,将Inputstream转为byte字节数组
 * *******/
public class MyAnimationDrawable { 

  public static class MyFrame {
    byte[] bytes;
    int duration;
    Drawable drawable;
    boolean isReady = false;
  } 

  public interface OnDrawableLoadedListener {
    public void onDrawableLoaded(List<MyFrame> myFrames);
  } 

  // 1
  /***
   * 性能更优
   * 在animation-list中设置时间
   * **/
  public static void animateRawManuallyFromXML(int resourceId,
                         final ImageView imageView, final Runnable onStart,
                         final Runnable onComplete) {
    loadRaw(resourceId, imageView.getContext(),
        new OnDrawableLoadedListener() {
          @Override
          public void onDrawableLoaded(List<MyFrame> myFrames) {
            if (onStart != null) {
              onStart.run();
            }
            animateRawManually(myFrames, imageView, onComplete);
          }
        });
  } 

  // 2
  private static void loadRaw(final int resourceId, final Context context,
                final OnDrawableLoadedListener onDrawableLoadedListener) {
    loadFromXml(resourceId, context, onDrawableLoadedListener);
  } 

  // 3
  private static void loadFromXml(final int resourceId,
                  final Context context,
                  final OnDrawableLoadedListener onDrawableLoadedListener) {
    new Thread(new Runnable() {
      @Override
      public void run() {
        final ArrayList<MyFrame> myFrames = new ArrayList<MyFrame>(); 

        XmlResourceParser parser = context.getResources().getXml(
            resourceId); 

        try {
          int eventType = parser.getEventType();
          while (eventType != XmlPullParser.END_DOCUMENT) {
            if (eventType == XmlPullParser.START_DOCUMENT) { 

            } else if (eventType == XmlPullParser.START_TAG) { 

              if (parser.getName().equals("item")) {
                byte[] bytes = null;
                int duration = 1000; 

                for (int i = 0; i < parser.getAttributeCount(); i++) {
                  if (parser.getAttributeName(i).equals(
                      "drawable")) {
                    int resId = Integer.parseInt(parser
                        .getAttributeValue(i)
                        .substring(1));
                    bytes = IOUtils.toByteArray(context
                        .getResources()
                        .openRawResource(resId));
                  } else if (parser.getAttributeName(i)
                      .equals("duration")) {
                    duration = parser.getAttributeIntValue(
                        i, 1000);
                  }
                } 

                MyFrame myFrame = new MyFrame();
                myFrame.bytes = bytes;
                myFrame.duration = duration;
                myFrames.add(myFrame);
              } 

            } else if (eventType == XmlPullParser.END_TAG) { 

            } else if (eventType == XmlPullParser.TEXT) { 

            } 

            eventType = parser.next();
          }
        } catch (IOException e) {
          e.printStackTrace();
        } catch (XmlPullParserException e2) {
          // TODO: handle exception
          e2.printStackTrace();
        } 

        // Run on UI Thread
        new Handler(context.getMainLooper()).post(new Runnable() {
          @Override
          public void run() {
            if (onDrawableLoadedListener != null) {
              onDrawableLoadedListener.onDrawableLoaded(myFrames);
            }
          }
        });
      }
    }).run();
  } 

  // 4
  private static void animateRawManually(List<MyFrame> myFrames,
                      ImageView imageView, Runnable onComplete) {
    animateRawManually(myFrames, imageView, onComplete, 0);
  } 

  // 5
  private static void animateRawManually(final List<MyFrame> myFrames,
                      final ImageView imageView, final Runnable onComplete,
                      final int frameNumber) {
    final MyFrame thisFrame = myFrames.get(frameNumber); 

    if (frameNumber == 0) {
      thisFrame.drawable = new BitmapDrawable(imageView.getContext()
          .getResources(), BitmapFactory.decodeByteArray(
          thisFrame.bytes, 0, thisFrame.bytes.length));
    } else {
      MyFrame previousFrame = myFrames.get(frameNumber - 1);
      ((BitmapDrawable) previousFrame.drawable).getBitmap().recycle();
      previousFrame.drawable = null;
      previousFrame.isReady = false;
    } 

    imageView.setImageDrawable(thisFrame.drawable);
    new Handler().postDelayed(new Runnable() {
      @Override
      public void run() {
        // Make sure ImageView hasn't been changed to a different Image
        // in this time
        if (imageView.getDrawable() == thisFrame.drawable) {
          if (frameNumber + 1 < myFrames.size()) {
            MyFrame nextFrame = myFrames.get(frameNumber + 1); 

            if (nextFrame.isReady) {
              // Animate next frame
              animateRawManually(myFrames, imageView, onComplete,
                  frameNumber + 1);
            } else {
              nextFrame.isReady = true;
            }
          } else {
            if (onComplete != null) {
              onComplete.run();
            }
          }
        }
      }
    }, thisFrame.duration); 

    // Load next frame
    if (frameNumber + 1 < myFrames.size()) {
      new Thread(new Runnable() {
        @Override
        public void run() {
          MyFrame nextFrame = myFrames.get(frameNumber + 1);
          nextFrame.drawable = new BitmapDrawable(imageView
              .getContext().getResources(),
              BitmapFactory.decodeByteArray(nextFrame.bytes, 0,
                  nextFrame.bytes.length));
          if (nextFrame.isReady) {
            // Animate next frame
            animateRawManually(myFrames, imageView, onComplete,
                frameNumber + 1);
          } else {
            nextFrame.isReady = true;
          } 

        }
      }).run();
    }
  } 

  //第二种方法
  /***
   * 代码中控制时间,但不精确
   * duration = 1000;
   * ****/
  public static void animateManuallyFromRawResource(
      int animationDrawableResourceId, ImageView imageView,
      Runnable onStart, Runnable onComplete, int duration) throws IOException,
      XmlPullParserException {
    AnimationDrawable animationDrawable = new AnimationDrawable(); 

    XmlResourceParser parser = imageView.getContext().getResources()
        .getXml(animationDrawableResourceId); 

    int eventType = parser.getEventType();
    while (eventType != XmlPullParser.END_DOCUMENT) {
      if (eventType == XmlPullParser.START_DOCUMENT) { 

      } else if (eventType == XmlPullParser.START_TAG) { 

        if (parser.getName().equals("item")) {
          Drawable drawable = null; 

          for (int i = 0; i < parser.getAttributeCount(); i++) {
            if (parser.getAttributeName(i).equals("drawable")) {
              int resId = Integer.parseInt(parser
                  .getAttributeValue(i).substring(1));
              byte[] bytes = IOUtils.toByteArray(imageView
                  .getContext().getResources()
                  .openRawResource(resId));//IOUtils.readBytes
              drawable = new BitmapDrawable(imageView
                  .getContext().getResources(),
                  BitmapFactory.decodeByteArray(bytes, 0,
                      bytes.length));
            } else if (parser.getAttributeName(i)
                .equals("duration")) {
              duration = parser.getAttributeIntValue(i, 66);
            }
          } 

          animationDrawable.addFrame(drawable, duration);
        } 

      } else if (eventType == XmlPullParser.END_TAG) { 

      } else if (eventType == XmlPullParser.TEXT) { 

      } 

      eventType = parser.next();
    } 

    if (onStart != null) {
      onStart.run();
    }
    animateDrawableManually(animationDrawable, imageView, onComplete, 0);
  } 

  private static void animateDrawableManually(
      final AnimationDrawable animationDrawable,
      final ImageView imageView, final Runnable onComplete,
      final int frameNumber) {
    final Drawable frame = animationDrawable.getFrame(frameNumber);
    imageView.setImageDrawable(frame);
    new Handler().postDelayed(new Runnable() {
      @Override
      public void run() {
        // Make sure ImageView hasn't been changed to a different Image
        // in this time
        if (imageView.getDrawable() == frame) {
          if (frameNumber + 1 < animationDrawable.getNumberOfFrames()) {
            // Animate next frame
            animateDrawableManually(animationDrawable, imageView,
                onComplete, frameNumber + 1);
          } else {
            // Animation complete
            if (onComplete != null) {
              onComplete.run();
            }
          }
        }
      }
    }, animationDrawable.getDuration(frameNumber));
  } 

}

这里需要导入jar,

import org.apache.commons.io.IOUtils;

4.然后通过上述类，来调用自己的动画xml,

MyAnimationDrawable.animateRawManuallyFromXML(R.drawable.anim_search,
            search_scale_iv, new Runnable() { 

              @Override
              public void run() {
                // TODO onStart
                // 动画开始时回调
                log.d("","start"); 

              }
            }, new Runnable() { 

              @Override
              public void run() {
                // TODO onComplete
                // 动画结束时回调
                log.d("","end"); 

              }
            });

这样在使用帧动画时，可以有效的适度防止内存溢出，谁还有什么办法，欢迎交流！

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！