Android：從靜止圖像製作動畫

Question

我有一系列的靜止圖像和共500多個圖像呈現在可繪製目錄中。我需要製作一個動畫（每秒載入大約20張圖片）。我希望它運行平穩，沒有內存異常。

我想過要做到這一點，圖像2至3秒（40至60圖像）應該加載內存和顯示，然後他們應該放棄（釋放內存），然後圖像接下來的2到3秒應該加載。這種技術可以防止內存異常。它只是一個想法，我不知道它是否是一個好主意。請引導我一些更好的想法與一些代碼去...如果我的想法是更好，可以工作，那麼請告訴我一些幫助代碼來做到這一點。

閱讀答覆，做你的建議後，我已經寫了一些這樣的代碼：

<?xml version="1.0" encoding="utf-8"?> 
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:id="@+id/llMain"> 

<ViewFlipper android:id="@+id/imageflipper" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 
<ImageView android:id="@+id/ImageView01" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"   
     android:scaleType="centerInside"   
     android:layout_gravity="center" /> 
    </ViewFlipper> 
    </LinearLayout> 

這裏是我做的動畫代碼：

public class Animation extends Activity { 
ViewFlipper flipper; 
int myIndex = 216; 
private final Handler handler = new Handler(); 
/** Called when the activity is first created. */ 
@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 

    flipper=(ViewFlipper)findViewById(R.id.imageflipper); 
    doTheAutoRefresh(); 
     //displayData(); 
} 

private void doTheAutoRefresh() { 
    handler.postDelayed(new Runnable() { 
     public void run(){ 
      displayData(); // this is where you put your refresh code 
      doTheAutoRefresh(); 
      } 
     }, 30); 

} 

private void displayData() 
{ 
    Resources r = getResources(); 
    if(myIndex > 230){ 
     myIndex = 216; 
     ImageView myImg = (ImageView)findViewById(R.id.ImageView01); 
     myImg.setImageResource(r.getIdentifier("drum0" + myIndex, "drawable", "com.vt.animation")); 

     myIndex += 1; 
     flipper.showNext(); 
    } 
    else{ 
     ImageView myImg = (ImageView)findViewById(R.id.ImageView01); 

     myImg.setImageResource(r.getIdentifier("drum0" + myIndex, "drawable", "com.vt.animation")); 

     myIndex += 1; 
     flipper.showNext(); 
    } 
} 

}

但它非常緩慢。我將刷新時間設置爲30毫秒，但實際上刷新時間並不快，而刷新時間大約爲1秒。任何建議讓它快速感覺像真正的動畫？

謝謝，

Answer 1

好的。在這麼多天之後，我遇到了最大的問題和最簡單的解決方案。我永遠不會期望它會這麼容易做...：D

我已經使用處理程序和定時器來實現只有一個圖像視圖，沒有鰭狀肢，沒有動畫師沒有其他的東西......在這裏是我的解決方案：

----- main。xml文件-----

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/background"> 

<ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/imageView1"> 
</ImageView> 

這裏是我做的方式：}

注

public class MainActivity extends Activity { 
private ImageView _imagView; 
private Timer _timer; 
private int _index; 
private MyHandler handler; 

/** Called when the activity is first created. */ 
@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    handler= new MyHandler(); 
    _imagView=(ImageView) findViewById(R.id.imageView1); 

    _index=0; 
    _timer= new Timer(); 
    _timer.schedule(new TickClass(), 500, 200); 
} 

private class TickClass extends TimerTask 
{ 
    @Override 
    public void run() { 
     // TODO Auto-generated method stub 
     handler.sendEmptyMessage(_index); 
     _index++; 
    } 
} 

private class MyHandler extends Handler 
{ 
    @Override 
    public void handleMessage(Message msg) { 
     // TODO Auto-generated method stub 
     super.handleMessage(msg); 

     try { 
       Bitmap bmp= BitmapFactory.decodeStream(MainActivity.this.getAssets().open("drum_"+_index+".png")); 
       _imagView.setImageBitmap(bmp); 

       Log.v("Loaing Image: ",_index+""); 
     } catch (IOException e) { 
      // TODO Auto-generated catch block 
      Log.v("Exception in Handler ",e.getMessage()); 
     } 
    } 
} 

：我已經放在我所有的圖像到資產目錄。

它的那麼簡單，因爲它可以，沒有什麼大的做...

我希望這將是爲找人去這樣:)

Answer 2

加載幾個圖像是非常昂貴的。

我認爲最好加載一個包含該動畫所有動作的圖像。動畫地帶。

private Bitmap animation = BitmapFactory.decodeResource(getResources(), R.drawable.myPng);

的想法是遍歷位圖。

Answer 3

那麼，我使用viewFlipper，切換視圖。這一個好東西，就是你可以看到前面的圖像滑出，而新的幻燈片

內部圖像顯示方法：

if (direction == NEXT) { 
     viewFlipper.setInAnimation(slideLeftIn); 
     viewFlipper.setOutAnimation(slideLeftOut); 

     if (currImg < max) 
      currImg++; 
     if (currImg == max) 
      currImg = 0; 

     if (currentView == 0) { 
      currentView = 1; 
      ImageView iv = (ImageView) findViewById(R.id.ImageView02); 
      iv.setImageResource(images[currImg]); 
     } else if (currentView == 1) { 
      currentView = 2; 
      ImageView iv = (ImageView) findViewById(R.id.ImageView03); 
      iv.setImageResource(images[currImg]); 
     } else { 
      currentView = 0; 
      ImageView iv = (ImageView) findViewById(R.id.ImageView01); 
      iv.setImageResource(images[currImg]); 
     } 
     viewFlipper.showNext(); 
    } 
    else if (direction == PREV) { 
     viewFlipper.setInAnimation(slideRightIn); 
     viewFlipper.setOutAnimation(slideRightOut); 

     if (currImg > 0) 
      currImg--; 
     else if (currImg <= 0) 
      currImg = (max-1); 

     if (currentView == 0) { 
      currentView = 2; 
      ImageView iv = (ImageView) findViewById(R.id.ImageView03); 
      iv.setImageResource(images[currImg]); 
     } else if (currentView == 2) { 
      currentView = 1; 
      ImageView iv = (ImageView) findViewById(R.id.ImageView02); 
      iv.setImageResource(images[currImg]); 
     } else { 
      currentView = 0; 
      ImageView iv = (ImageView) findViewById(R.id.ImageView01); 
      iv.setImageResource(images[currImg]); 
     } 
     viewFlipper.showPrevious(); 

和XML文件中：

 <ViewFlipper android:id="@+id/imageflipper" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" > 

     <ImageView android:id="@+id/ImageView01" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"   
      android:scaleType="centerInside"   
      android:layout_gravity="center" /> 

     <ImageView android:id="@+id/ImageView02" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"   
      android:scaleType="centerInside"   
      android:layout_gravity="center" /> 

     <ImageView android:id="@+id/ImageView03" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"   
      android:scaleType="centerInside"   
      android:layout_gravity="center" /> 

     </ViewFlipper> 

Answer 4

使用一個FrameAnimation，例如在res/drawable/movie.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/frame1" android:duration="50" /> 
    <item android:drawable="@drawable/frame2" android:duration="50" /> 
    <item android:drawable="@drawable/frame3" android:duration="50" /> 
    etc... 
</animation-list> 

然後在Java：

imageView.setBackgroundResource(R.drawable.movie); 
AnimationDrawable anim = (AnimationDrawable) imageView.getBackground(); 
anim.start();