快捷導(dǎo)航

Android 幀動(dòng)畫(huà)使用詳情

更新時(shí)間：2021年08月30日 17:16:50 作者：AnRFDev

這篇文章主要介紹本文介紹使用AnimationDrawable類(lèi)來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果，需要的朋友可以參考下文

Android 幀動(dòng)畫(huà)

1、幀動(dòng)畫(huà)

使用一系列不同的圖片，然后像一卷膠卷一樣按順序播放，這是一種傳統(tǒng)的動(dòng)畫(huà)，也可稱(chēng)為幀動(dòng)畫(huà)。也可以比喻為像一卷膠卷一樣按順序播放。
播放起來(lái)，有點(diǎn)像在看gif圖。

本文介紹使用AnimationDrawable類(lèi)來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果。
為了開(kāi)發(fā)方便，我們可以在xml中指定動(dòng)畫(huà)各個(gè)幀的信息。

2、使用背景圖片

這是第一個(gè)例子。我們先準(zhǔn)備4張圖片（圖片請(qǐng)自備）放進(jìn)res/drawable/中。
在這個(gè)目錄里，再新建一個(gè)文件ani_frame_1.xml。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ani_frame_1"
    android:oneshot="false">
    <item
        android:drawable="@drawable/f_zan_1"
        android:duration="250" />
    <item
        android:drawable="@drawable/f_zan_4"
        android:duration="250" />
    <item
        android:drawable="@drawable/f_zan_3"
        android:duration="250" />
    <item
        android:drawable="@drawable/f_zan_2"
        android:duration="250" />
</animation-list>

可以看到根節(jié)點(diǎn)<animation-list>包含了4個(gè)item。每個(gè)子節(jié)點(diǎn)都定義了一個(gè)幀。
duration是這一幀的時(shí)常（毫秒）。drawable是指定可繪制資源。oneshot="false"表示讓動(dòng)畫(huà)一直循環(huán)播放下去。
這樣動(dòng)畫(huà)資源就準(zhǔn)備好了。

在layout中準(zhǔn)備一個(gè)ImageView，用它來(lái)顯示動(dòng)畫(huà)

<ImageView
    android:id="@+id/iv1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_marginTop="60dp" />

在activity中操作這個(gè)ImageView。把動(dòng)畫(huà)資源設(shè)置為背景。

var mFrameIv: ImageView? = null
// override fun onCreate(savedInstanceState: Bundle?)
mFrameIv = findViewById(R.id.iv1)
mFrameIv!!.setBackgroundResource(R.drawable.ani_frame_1)

把ImageView的背景強(qiáng)轉(zhuǎn)為AnimationDrawable。播放動(dòng)畫(huà)，要用AnimationDrawable.start()方法。

var mFrameIv: ImageView? = null
// override fun onCreate(savedInstanceState: Bundle?)
mFrameIv = findViewById(R.id.iv1)
mFrameIv!!.setBackgroundResource(R.drawable.ani_frame_1)

當(dāng)動(dòng)畫(huà)正在播放時(shí)，調(diào)用start()方法是不會(huì)影響當(dāng)前播放的。

停止動(dòng)畫(huà)，AnimationDrawable.stop()

val ani: AnimationDrawable = mFrameIv!!.background as AnimationDrawable
ani.stop()

stop()方法可以讓動(dòng)畫(huà)停止在當(dāng)前幀。再調(diào)用start()的話，會(huì)從頭開(kāi)始播放。

3、使用src

前面我們利用的是ImageView的背景資源。我們也可以使用src。
準(zhǔn)備另一個(gè)動(dòng)畫(huà)資源ani_frame_2。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ani_frame_1"
    android:oneshot="true">
    <item
        android:drawable="@drawable/f_zan_1"
        android:duration="250" />
    <item
        android:drawable="@drawable/f_zan_4"
        android:duration="250" />
    <item
        android:drawable="@drawable/f_zan_3"
        android:duration="250" />
    <item
        android:drawable="@drawable/f_zan_2"
        android:duration="250" />
</animation-list>

android:oneshot="true"，動(dòng)畫(huà)播放1次后就會(huì)自行停止并保持在最后一幀。

! 注意，停止后并不是回到第一幀。

然后在layout中，把它設(shè)置為ImageView的src。

<ImageView
    android:id="@+id/iv1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_marginTop="60dp"
    android:src="@drawable/ani_frame_2" />

在activity中就不是操作ImageView的background了，而是操作drawable。

// 啟動(dòng)
val ani: AnimationDrawable = frameIv.drawable as AnimationDrawable
ani.start()

// 停止
val ani: AnimationDrawable = frameIv.drawable as AnimationDrawable
ani.stop()

可以看到，2個(gè)例子中都需要操作AnimationDrawable。
請(qǐng)務(wù)必注意，對(duì) AnimationDrawable.start() 方法不能在 Activity 的 onCreate() 方法期間調(diào)用，因?yàn)?AnimationDrawable 尚未完全附加到窗口。如果想立即播放動(dòng)畫(huà)而無(wú)需互動(dòng)，那么可能需要從 Activity 中的 onStart() 方法進(jìn)行調(diào)用，該方法會(huì)在 Android 在屏幕上呈現(xiàn)視圖時(shí)調(diào)用。

AnimationDrawable類(lèi)有幾個(gè)屬性可以注意一下

屬性	說(shuō)明
isOneShot	是否只播放1次，與xml中的android:oneshot對(duì)應(yīng)
isRunning	當(dāng)前動(dòng)畫(huà)是否正在播放
numberOfFrames	幀的數(shù)量