1. Glide播放

Glide是Android上比較常見的圖片加載框架，其介紹可以看Android Glide簡單使用。

布局文件，GIF文件可以在ImageView里面顯示

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/iv_gif"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitCenter"/>

</RelativeLayout>

調(diào)用load()方法，導(dǎo)入圖片并用ImageView顯示

var ivGif: ImageView = findViewById(R.id.iv_gif)
Glide.with(this)
    .load("file:///android_asset/sample.gif")
    .into(ivGif)

當(dāng)然這樣的方式只能循環(huán)播放，如果想要指定循環(huán)次數(shù)，需要調(diào)用GifDrawable的setLoopCount()方法。

Glide.with(this)
    .asGif()
    .load("file:///android_asset/sample.gif")
    .into(object : SimpleTarget<GifDrawable>() {
        override fun onResourceReady(
                resource: GifDrawable,
                transition: Transition<in GifDrawable>?) {
            // 循環(huán)播放兩次
            resource.setLoopCount(2)
            ivGif.setImageDrawable(resource)

            resource.start()
        }

    })

2. android-gif-drawable

android-gif-drawable也是Android上比較常用的圖片加載框架，android-gif-drawable 地址。

導(dǎo)入android-gif-drawable

dependencies {
    implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.25'
}

布局文件，GifImageView顯示GIF文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <pl.droidsonroids.gif.GifImageView
        android:id="@+id/iv_gif"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitCenter"/>

</RelativeLayout>

GifDrawable被用來加載圖片資源，

public GifDrawable(@NonNull Resources res, @RawRes @DrawableRes int id)
public GifDrawable(@NonNull AssetManager assets, @NonNull String assetName)
public GifDrawable(@NonNull String filePath)
public GifDrawable(@NonNull File file)
public GifDrawable(@NonNull InputStream stream)
public GifDrawable(@NonNull AssetFileDescriptor afd)
public GifDrawable(@NonNull FileDescriptor fd)
public GifDrawable(@NonNull byte[] bytes)
public GifDrawable(@NonNull ByteBuffer buffer)

// 設(shè)置循環(huán)次數(shù)
public void setLoopCount(@IntRange(from = 0, to = Character.MAX_VALUE) final int loopCount)
// 設(shè)置播放速度
public void setSpeed(@FloatRange(from = 0, fromInclusive = false) final float factor)

播放GIF文件

var ivGif: GifImageView = findViewById(R.id.iv_gif)
var drawable = GifDrawable(assets, "sample.gif")
ivGif.setImageDrawable(drawable)

3. Movie

Movie是Android自帶的類，可以用來加載播放GIF動(dòng)畫

自定義GifImageView用來播放GIF文件

class GifImageView(context: Context, attrs: AttributeSet?, defStyleAttr: Int) :
    View(context, attrs, defStyleAttr) {

    private var mMovie: Movie? = null
    private var mMovieStart: Long = 0
    private var mStarted: Boolean = false
    private var mDuration: Int = 0
    private var mPaint: Paint = Paint()

    init {
        // 關(guān)閉硬件加速
        setLayerType(View.LAYER_TYPE_SOFTWARE, mPaint)
    }

    constructor(context: Context): this(context, null)

    constructor(context: Context, attrs: AttributeSet?): this(context, attrs, 0)

    // 設(shè)置播放資源，Movie支持decodeStream和decodeFile
    fun setResource(inputStream: InputStream) {
        try {
            mMovie = Movie.decodeStream(inputStream)
            mDuration = mMovie?.duration() ?: 1000
        } catch (e: Exception) {
        }
    }

    fun start() {
        mMovieStart = SystemClock.elapsedRealtime()
        mStarted = true

        invalidate()
    }

    fun stop() {
        mMovieStart = 0
        mStarted = false
        invalidate()
    }

    override fun onDraw(canvas: Canvas?) {
        var movie = mMovie
        if (mStarted && movie != null) {
            // 循環(huán)播放
            var realTime = (SystemClock.elapsedRealtime()  - mMovieStart).toInt() % mDuration
            movie.setTime(realTime)

            // 居中播放
            var scale = movie.width() * 1.0f / width
            movie.draw(canvas, 0f,  (height - movie.height() * scale) / 2)

            invalidate()
        }

    }

}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.blog.demo.image.gif.GifImageView
        android:id="@+id/iv_gif"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

播放GIF文件，文中的GifImageView只是實(shí)現(xiàn)了循環(huán)播放的功能，可以自行定義其他功能。

var ivGif: GifImageView = findViewById(R.id.iv_gif)
ivGif.setResource(assets.open("sample.gif"))

ivGif.start()

4. AnimatedImageDrawable

AnimatedImageDrawable是Android9.0引入的繪制和顯示GIF和WebP等動(dòng)圖的類，而ImageDecoder同樣是Android9.0新引入的圖像解碼器。

var ivGif: ImageView = findViewById(R.id.iv_gif)
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
    val source = ImageDecoder.createSource(assets, "sample.gif")
    Thread {
        val drawable = ImageDecoder.decodeDrawable(source)
        ivGif.post {
            ivGif.setImageDrawable(drawable)
            if (drawable is AnimatedImageDrawable) {
                drawable.start()
            }
        }
    }.start()
}

5. 總結(jié)

這4種方式都能很好地在手機(jī)上運(yùn)行，但在小米盒子上出現(xiàn)了不同的問題。文章來源地址http://www.zghlxwxcb.cn/news/detail-780868.html

• Glide本身就是很好用的圖片框架，但在小米盒子上出現(xiàn)了運(yùn)行緩慢的問題，一個(gè)3秒的GIF圖片需要十幾秒的時(shí)間才能跑完。
• android-gif-drawable沒有出現(xiàn)運(yùn)行緩慢的問題，但刷新閃爍比較嚴(yán)重。
• Movie能正常顯示GIF圖片，但如果想只運(yùn)行一次的情況下，很難顯示到最后一幀的圖片。
• AnimatedImageDrawable最大的問題是版本要求太高，需要Android9.0。

到了這里，關(guān)于Android 實(shí)現(xiàn)GIF播放的幾種方式的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！