Android 逐幀動畫創(chuàng)建實例詳解

2019-12-12 02:08:04

字體：大中小

供稿：網(wǎng)友

Android 逐幀動畫創(chuàng)建實例詳解

前言：

我們看早期電影的時候，電影通常是一張一張播放，用我們現(xiàn)在專有名詞來說，就是一幀幀來，安卓同樣有這樣動畫效果的編排形式。

那么我們先定義逐幀動畫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/pic1"     android:duration="200" />   <item     android:drawable="@drawable/pic2"     android:duration="200" />   <item     android:drawable="@drawable/pic3"     android:duration="200" />   <item     android:drawable="@drawable/pic4"     android:duration="200" />   <item     android:drawable="@drawable/pic5"     android:duration="200" />   <item     android:drawable="@drawable/pic6"     android:duration="200" />   <item     android:drawable="@drawable/pic7"     android:duration="200" />    <item     android:drawable="@drawable/pic8"     android:duration="200" />    <item     android:drawable="@drawable/pic8"     android:duration="200" />       </animation-list>

main.xml

<ImageView     android:id="@+id/pic"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:layout_alignParentLeft="true"     android:layout_alignParentTop="true"     android:layout_marginLeft="98dp"     android:layout_marginTop="69dp"      />    <Button     android:id="@+id/button1"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:layout_alignParentBottom="true"     android:layout_alignParentLeft="true"     android:layout_marginBottom="54dp"     android:layout_marginLeft="98dp"     android:onClick="startMovie"     android:text="開始播放電影" />

Activiy代碼：

public class MyAnimationDemo extends Activity {    private AnimationDrawable draw=null;   private ImageView image;   protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentView(R.layout.activity_my_animation_demo);     image=(ImageView)super.findViewById(R.id.pic);   }    public void startMovie(View v){     image.setBackgroundResource(R.anim.oldvideo);//第一步，設(shè)置圖片資源     draw=(AnimationDrawable)image.getBackground();//取得圖片背景的Drawable     draw.setOneShot(false);//動畫執(zhí)行次數(shù)     draw.start();//開始動畫        }  }

這里我們看到，

第一步，設(shè)置圖片背景資源

第二步，設(shè)置得到圖片背景的draw

第三步，設(shè)置draw參數(shù)，并start（）

實現(xiàn)效果如下，間隔0.2秒即換圖，實現(xiàn)老電影動畫效果