使用animationDrawable在android中播放大型PNG帧动画

时间:2010-12-28 07:07:11

标签: android animation png imageview

我有一个带有按钮的应用程序,按下时可以播放各种逐帧动画。动画存储为.png文件的序列。一些动画填充了一个小区域,它们似乎使用animationDrawable可以正常播放。但是,有些动画会占据屏幕的很大一部分(即使它们大部分是透明的,使用alpha通道),当应用程序加载到我的手机(但不是模拟器)时,我会出现内存不足错误。我无法将它们作为视频文件播放,因为它们需要覆盖主屏幕。

我的主要问题 - 有没有办法使用animationDrawable播放大型png序列动画(在320x480说60帧)?

到目前为止,在我的研究中似乎没有任何方法可以解决内存限制...所以我一直在研究创建自己的方法,创建一个ImageView并用位图填充它,然后连续替换延迟后每帧的位图。但是,通过这种技术,我的动画似乎只播放第一帧和最后一帧。

这是我使用animationDrawable的代码 - “黑猩猩”播放正常,但是当我添加“气泡”(较大的图片)时,应用程序根本没有加载 - logCat显示:“ERROR / dalvikvm-heap(3248):此进程的1008000字节外部分配太大... ERROR / AndroidRuntime(3248):java.lang.OutOfMemoryError:位图大小超过VM预算 “

public class Babymode_tst extends Activity implements OnClickListener{
 /** Called when the activity is first created. */
 AnimationDrawable chimpAnimation;
 AnimationDrawable bubblesAnimation;
 private MediaPlayer mp;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  setVolumeControlStream(AudioManager.STREAM_MUSIC);

  final ImageButton chimpButton = (ImageButton) findViewById(R.id.chimp_button);
  chimpButton.setOnClickListener(this);
  ImageView chimpImage = (ImageView) findViewById(R.id.chimp_imageview);
  chimpImage.setBackgroundResource(R.drawable.chimp_anim);
  chimpAnimation = (AnimationDrawable) chimpImage.getBackground();

  final ImageButton bubblesButton = (ImageButton) findViewById(R.id.bubbles_button);
  bubblesButton.setOnClickListener(this);
  ImageView bubblesImage = (ImageView) findViewById(R.id.bubbles_imageview);
  bubblesImage.setBackgroundResource(R.drawable.bubbles_anim);
  bubblesAnimation = (AnimationDrawable) bubblesImage.getBackground();  
 }

 public void onClick(View v) {
  if (mp != null) {
   mp.release();
  }

  Random generator = new Random();
  int randomIndex;

  switch(v.getId()){
  case R.id.chimp_button: 
    randomIndex = (generator.nextInt( 2 ) + 1);
    if (randomIndex == 1){
    mp = MediaPlayer.create(this, R.raw.chimp_1);
    }
    if (randomIndex == 2){
    mp = MediaPlayer.create(this, R.raw.chimp_2);
   }
   mp.start();

   chimpAnimation.setVisible(true,true);
   chimpAnimation.start();

   break;

  case R.id.bubbles_button: 
    randomIndex = (generator.nextInt( 3 ) + 1);
    if (randomIndex == 1){
    mp = MediaPlayer.create(this, R.raw.bubbles_1);
    }
    if (randomIndex == 2){
     mp = MediaPlayer.create(this, R.raw.bubbles_2);
   }
   if (randomIndex == 3){
     mp = MediaPlayer.create(this, R.raw.bubbles_3);
   }
   mp.start();

   bubblesAnimation.setVisible(true,true);
   bubblesAnimation.start();
   break;
  }
 }
}

这是我尝试在ImageView中逐个播放帧,但它只播放第一帧和最后一帧:

    public void playAnimation(String name){
  final ImageView bubblesImageView = (ImageView) findViewById(R.id.bubbles_imageview);
  bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0003);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0015);
   }
  }, 500);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0025);
   }
  }, 500);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0035);
   }
  }, 500);


 }

任何帮助将不胜感激 - 谢谢

3 个答案:

答案 0 :(得分:1)

您的mHandler.postDelayed(new Runnable(){...});同时触发,例如在500毫秒之后,你需要它们通过

一个接一个地触发
nHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0015);
   }
  }, 500);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0025);
   }
  }, 1000);

  mHandler.postDelayed(new Runnable() {
   public void run() {
    bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0035);
   }
  }, 1500);

或在500毫秒延迟后将每个可运行队列排到下一个队列,例如

mHandler.postDelayed(new Runnable() {
public void run() {
   bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0015);

   mHandler.postDelayed(new Runnable() {
   public void run() {
      bubblesImageView.setImageResource(R.drawable.bubbles_anim_v5_0025);
      }
   }, 1000); 
   }
}, 500);

或者您可以使用ìnt构造一个R.drawable.xxx数组,每500毫秒只显示下一个图像。

答案 1 :(得分:1)

这是一件非常困难的事情,但它是可行的。关键是在使用后立即回收您的位图。看看有人写的这个包装类,它将为你处理所有这些: http://snippetrepo.com/snippets/android-animation-without-outofmemoryerror

答案 2 :(得分:0)

在我的公司,我们遇到了同样的问题,我们试图以这种方式制作闪屏(这完全是灾难)。如果您想要获得某种动画,请从PNG帧生成视频(我认为FFMPEG可以这样做),然后播放视频。