Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> android frame by frame animation動畫顯示

android frame by frame animation動畫顯示

編輯:Android開發實例

在看到 編寫簡單的動畫的 時候,想到了android上也可以做到這一點,只是幾個圖片來回的切換。這種顯示方式學名叫做:frame by frame animation,順序播放事先做好的圖像,跟電影類似;

效果圖如下:

 

 

具體操作步驟如下:

1、在res目錄下建一個anim文件夾,在anim文件夾下,建立一個picture_animation.xml的xml文件(這個文件不一定非要建在anim下,也可以建在drawable下,我這裡是為了區分哪些是圖片效果xml,那些是動畫xml)

文件內容如下:

<?xml version="1.0" encoding="utf-8"?>

<!– 動畫幀集合對象 –>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <!–動畫幀對象 android:duration表示每幀動畫顯示的時間,放在drawable下的動畫圖片不能太大,否則會內存爆掉 –>
    <item android:drawable="@drawable/camp_fire1" android:duration="80" />
    <item android:drawable="@drawable/camp_fire2" android:duration="80" />
    <item android:drawable="@drawable/camp_fire3" android:duration="80" />
    <item android:drawable="@drawable/camp_fire4" android:duration="80" />
    <item android:drawable="@drawable/camp_fire5" android:duration="80" />
    <item android:drawable="@drawable/camp_fire6" android:duration="80" />
    <item android:drawable="@drawable/camp_fire7" android:duration="80" />
    <item android:drawable="@drawable/camp_fire8" android:duration="80" />
    <item android:drawable="@drawable/camp_fire9" android:duration="80" />
    <item android:drawable="@drawable/camp_fire10" android:duration="80" />
    <item android:drawable="@drawable/camp_fire11" android:duration="80" />
    <item android:drawable="@drawable/camp_fire12" android:duration="80" />
    <item android:drawable="@drawable/camp_fire13" android:duration="80" />
    <item android:drawable="@drawable/camp_fire14" android:duration="80" />
    <item android:drawable="@drawable/camp_fire15" android:duration="80" />
    <item android:drawable="@drawable/camp_fire16" android:duration="80" />
    <item android:drawable="@drawable/camp_fire17" android:duration="80" />
</animation-list>

2、在main.xml中加入:

<Button android:layout_width="fill_parent" android:layout_height="wrap_content"
    android:text="start" android:id="@+id/start" />
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:id="@+id/imageId" android:src="@anim/picture_animation" />

3、在activity中

依次加入以下代碼:

private AnimationDrawable draw = null;

this.imageView = (ImageView) findViewById(R.id.imageId);
this.draw = (AnimationDrawable) imageView.getDrawable();

this.start.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                startAnimation();
//                start.
            }
        });

private void startAnimation()
   {
    if(draw.isRunning())
    {
     draw.stop();
     start.setText("start");
    }
    else
    {
     draw.stop();
     draw.start();
     start.setText("passe");
    }
   }

 

源代碼:http://henzil.googlecode.com/svn/trunk/donghua/

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved