背景

我正在尝试手动(逐帧)检查动画 GIF 和 WEBP 文件的位图，以便它不仅适用于 View ，也适用于其他情况(例如动态壁纸)。

问题

只有 Android P 支持动画 GIF/WEBP 文件，使用 ImageDecoder API(例如 here)。

对于 GIF，我想尝试 Glide 来完成任务，但我失败了，所以我尝试通过使用允许加载它们的库来克服这个问题( here ，解决方案 here )。我认为它工作正常。

对于 WebP，我想我找到了另一个可以在旧 Android 版本上运行的库( here ，制作了 fork here )，但它似乎在某些情况下无法很好地处理 WebP 文件(据报道here)。我试图找出问题所在以及如何解决，但没有成功。

因此，假设有一天 Google 将通过支持库(他们编写了 here)支持旧 Android 版本的 GIF 和 WEBP 动画，我决定尝试使用 ImageDecoder 来完成这项任务。

问题是，查看 ImageDecoder 的整个 API，我们应该如何使用它是非常有限的。我不知道如何克服它的限制。

我发现了什么

这就是 ImageDecoder 可用于在 ImageView 上显示动画 WebP 的方式(只是一个示例，当然，可用 here):

class MainActivity : AppCompatActivity() {
    @SuppressLint("StaticFieldLeak")

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val source = ImageDecoder.createSource(resources, R.raw.test)
        object : AsyncTask<Void, Void, Drawable?>() {
            override fun doInBackground(vararg params: Void?): Drawable? {
                return try {
                    ImageDecoder.decodeDrawable(source)
                } catch (e: Exception) {
                    null
                }
            }

            override fun onPostExecute(result: Drawable?) {
                super.onPostExecute(result)
                imageView.setImageDrawable(result)
                if (result is AnimatedImageDrawable) {
                    result.start()
                }
            }

        }.execute()

    }
}

我已尝试阅读 ImageDecoder 的所有文档和 AnimatedImageDrawable ，并查看它的代码，但我不明白如何手动检查每一帧，并在它们之间有时间等待。

问题

1. 有没有办法使用 ImageDecoder API 手动检查每一帧，获取要绘制的位图并知道帧之间需要等待多长时间？有什么可用的解决方法吗？甚至可能使用 AnimatedImageDrawable ？

2. 我想在旧的 Android 版本上做同样的事情。可能吗？如果有怎么办？也许在不同的 API/库上？谷歌写道，它可以在较旧的 Android 版本上使用 ImageDecoder，但我没有看到任何地方提到它(除了我提供的链接)。可能还没有准备好...Android P 甚至还没有达到 0.1% 的用户...也许 Fresco可以做到？我也尝试在那里检查它，但我也没有看到它能够做这样的事情，而且它是一个仅用于此任务的巨大库，所以我宁愿使用不同的库来代替.. . 我也知道 libwebp 是可用的，但它是 C/C++ 的，不确定它是否适合 Android，以及是否有适用于 Android 的 Java/Kotlin 的端口。

编辑:

因为我认为我得到了我想要的，对于第三方库和 ImageDecoder，能够从动画 WebP 中获取位图，我仍然想知道如何获取帧数和当前帧使用ImageDecoder，如果可能的话。我尝试使用 ImageDecoder.decodeDrawable(source, object : ImageDecoder.OnHeaderDecodedListener... ，但它不提供帧数信息，并且我无法在 API 中看到我可以转到特定的帧索引并从那里开始，或者知道特定帧需要多长时间才能进入下一帧。所以我对这些 here 提出了要求。

遗憾的是，我也找不到 Google 提供适用于旧 Android 版本的 ImageDecoder。

如果有某种方法可以像我对相对较新的 HEIC 动画文件所做的那样做同样的事情，这也很有趣。目前仅支持 Android P。

最佳答案

好的，我有一个可能的解决方案，使用 Glide library , 连同 GlideWebpDecoder library .

我不确定这是否是最好的方法，但我认为它应该可以正常工作。下一个代码显示了如何将可绘制对象绘制到我创建的 Bitmap 实例中，用于动画需要显示的每一帧。这不完全是我问的，但它可能对其他人有所帮助。

这是代码(项目可用 here):

CallbackEx.kt

abstract class CallbackEx : Drawable.Callback {
    override fun unscheduleDrawable(who: Drawable, what: Runnable) {}
    override fun invalidateDrawable(who: Drawable) {}
    override fun scheduleDrawable(who: Drawable, what: Runnable, `when`: Long) {}
}

MyAppGlideModule.kt

@GlideModule
class MyAppGlideModule : AppGlideModule()

MainActivity.kt

class MainActivity : AppCompatActivity() {
    var webpDrawable: WebpDrawable? = null
    var gifDrawable: GifDrawable? = null
    var callback: Drawable.Callback? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        useFrameByFrameDecoding()
//        useNormalDecoding()
    }

    fun useNormalDecoding() {
        //webp url : https://res.cloudinary.com/demo/image/upload/fl_awebp/bored_animation.webp
        Glide.with(this)
                //                .load(R.raw.test)
                //                .load(R.raw.fast)
                .load(R.raw.example2)

                //                .load("https://res.cloudinary.com/demo/image/upload/fl_awebp/bored_animation.webp")
                .into(object : SimpleTarget<Drawable>() {
                    override fun onResourceReady(drawable: Drawable, transition: Transition<in Drawable>?) {
                        imageView.setImageDrawable(drawable)
                        when (drawable) {
                            is GifDrawable -> {
                                drawable.start()
                            }
                            is WebpDrawable -> {
                                drawable.start()
                            }
                        }
                    }
                })
    }

    fun useFrameByFrameDecoding() {
        //webp url : https://res.cloudinary.com/demo/image/upload/fl_awebp/bored_animation.webp
        Glide.with(this)
                .load(R.raw.test)
                //                .load(R.raw.fast)
                //                .load(R.raw.example2)
                //                .load("https://res.cloudinary.com/demo/image/upload/fl_awebp/bored_animation.webp")
                .into(object : SimpleTarget<Drawable>() {
                    override fun onResourceReady(drawable: Drawable, transition: Transition<in Drawable>?) {
                        //                        val callback
                        when (drawable) {
                            is GifDrawable -> {
                                gifDrawable = drawable
                                val bitmap = Bitmap.createBitmap(drawable.intrinsicWidth, drawable.intrinsicHeight, Bitmap.Config.ARGB_8888)
                                val canvas = Canvas(bitmap)
                                drawable.setBounds(0, 0, bitmap.width, bitmap.height)
                                drawable.setLoopCount(GifDrawable.LOOP_FOREVER)
                                callback = object : CallbackEx() {
                                    override fun invalidateDrawable(who: Drawable) {
                                        who.draw(canvas)
                                        imageView.setImageBitmap(bitmap)
                                        Log.d("AppLog", "invalidateDrawable ${drawable.toString().substringAfter('@')} ${drawable.frameIndex}/${drawable.frameCount}")
                                    }
                                }
                                drawable.callback = callback
                                drawable.start()
                            }
                            is WebpDrawable -> {
                                webpDrawable = drawable
                                val bitmap = Bitmap.createBitmap(drawable.intrinsicWidth, drawable.intrinsicHeight, Bitmap.Config.ARGB_8888)
                                val canvas = Canvas(bitmap)
                                drawable.setBounds(0, 0, bitmap.width, bitmap.height)
                                drawable.setLoopCount(WebpDrawable.LOOP_FOREVER)
                                callback = object : CallbackEx() {
                                    override fun invalidateDrawable(who: Drawable) {
                                        who.draw(canvas)
                                        imageView.setImageBitmap(bitmap)
                                        Log.d("AppLog", "invalidateDrawable ${drawable.toString().substringAfter('@')} ${drawable.frameIndex}/${drawable.frameCount}")
                                    }
                                }
                                drawable.callback = callback
                                drawable.start()
                            }
                        }
                    }
                })
    }

    override fun onStart() {
        super.onStart()
        gifDrawable?.start()
        gifDrawable?.start()
    }

    override fun onStop() {
        super.onStop()
        Log.d("AppLog", "onStop")
        webpDrawable?.stop()
        gifDrawable?.stop()
    }

}

不知道为什么 SimpleTarget 被标记为已弃用，但我应该改用什么。

使用类似的技术，我还发现了如何使用 ImageDecoder 来做到这一点，但由于某种原因不能使用相同的功能。提供示例项目here .

代码如下:

MainActivity.kt

class MainActivity : AppCompatActivity() {
    var webpDrawable: AnimatedImageDrawable? = null

    @SuppressLint("StaticFieldLeak")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val source = ImageDecoder.createSource(resources, R.raw.test)
        object : AsyncTask<Void, Void, Drawable?>() {
            override fun doInBackground(vararg params: Void?): Drawable? {
                return try {
                    ImageDecoder.decodeDrawable(source)
                } catch (e: Exception) {
                    null
                }
            }

            override fun onPostExecute(drawable: Drawable?) {
                super.onPostExecute(drawable)
//                imageView.setImageDrawable(result)
                if (drawable is AnimatedImageDrawable) {
                    webpDrawable = drawable
                    val bitmap =
                        Bitmap.createBitmap(drawable.intrinsicWidth, drawable.intrinsicHeight, Bitmap.Config.ARGB_8888)
                    val canvas = Canvas(bitmap)
                    drawable.setBounds(0, 0, bitmap.width, bitmap.height)
                    drawable.repeatCount = AnimatedImageDrawable.REPEAT_INFINITE
                    drawable.callback = object : Drawable.Callback {
                        val handler = Handler()
                        override fun unscheduleDrawable(who: Drawable, what: Runnable) {
                            Log.d("AppLog", "unscheduleDrawable")
                        }

                        override fun invalidateDrawable(who: Drawable) {
                            who.draw(canvas)
                            imageView.setImageBitmap(bitmap)
                            Log.d("AppLog", "invalidateDrawable")
                        }

                        override fun scheduleDrawable(who: Drawable, what: Runnable, `when`: Long) {
                            Log.d("AppLog", "scheduleDrawable next frame in ${`when` - SystemClock.uptimeMillis()} ms")
                            handler.postAtTime(what, `when`)
                        }
                    }
                    drawable.start()
                }
            }
        }.execute()
    }

    override fun onStart() {
        super.onStart()
        webpDrawable?.start()
    }

    override fun onStop() {
        super.onStop()
        webpDrawable?.stop()
    }

}

关于android - 是否可以手动让新的 ImageDecoder 类一帧一帧地返回位图？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53024304/