如何在View与动态壁纸中合理适配GIF动画内容？

嘿，很高兴看到你在折腾自己的动态壁纸应用！既然已经搞定了GIF在View和动态壁纸里的基础展示，那咱们来解决最关键的适配问题——让GIF以center-crop的方式铺满屏幕。其实核心思路就是先让GIF按比例放大到能覆盖整个屏幕，再把超出的部分裁掉，同时保证画面居中。下面给你两种实用的实现方案，你可以根据自己的需求选：

方案一：提前裁剪GIF帧（性能友好型） #

这种方法是在解码GIF每一帧的时候，直接把帧Bitmap裁剪成符合center-crop规则的尺寸，之后绘制的时候直接用处理好的Bitmap就行，性能开销比较小。

关键代码示例（Kotlin）：

// 先获取动态壁纸的屏幕尺寸（通过Engine的SurfaceHolder获取）
val screenRect = holder.surfaceFrame
val screenWidth = screenRect.width()
val screenHeight = screenRect.height()

// 假设你已经拿到了当前要绘制的GIF帧Bitmap
val originalFrame = gifDecoder.getCurrentFrame() ?: return

// 计算缩放比例：取能让GIF覆盖屏幕的最大比例
val scaleRatio = max(
    screenWidth.toFloat() / originalFrame.width,
    screenHeight.toFloat() / originalFrame.height
)

// 计算缩放后的GIF尺寸
val scaledWidth = (originalFrame.width * scaleRatio).toInt()
val scaledHeight = (originalFrame.height * scaleRatio).toInt()

// 计算裁剪的偏移量，保证画面居中
val cropOffsetX = (scaledWidth - screenWidth) / 2
val cropOffsetY = (scaledHeight - screenHeight) / 2

// 裁剪出符合center-crop的Bitmap
val croppedFrame = Bitmap.createBitmap(
    originalFrame,
    cropOffsetX,
    cropOffsetY,
    screenWidth,
    screenHeight
)

// 最后绘制裁剪后的帧
canvas.drawBitmap(croppedFrame, 0f, 0f, null)

注意：如果你的GIF分辨率很高，裁剪过程会占用一些内存，记得在绘制完后及时回收不需要的Bitmap，避免内存泄漏。

方案二：Canvas绘制时用矩阵变换（内存友好型） #

这种方法不需要修改原始的GIF帧，而是在绘制的时候通过Matrix对Bitmap做缩放和平移变换，实现center-crop效果，能节省不少内存。

关键代码示例（Kotlin）：

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)
    val originalFrame = gifDecoder.getCurrentFrame() ?: return

    val screenWidth = canvas.width
    val screenHeight = canvas.height
    val gifWidth = originalFrame.width
    val gifHeight = originalFrame.height

    // 创建变换矩阵
    val transformMatrix = Matrix()
    // 计算缩放比例
    val scaleRatio = max(
        screenWidth.toFloat() / gifWidth,
        screenHeight.toFloat() / gifHeight
    )
    // 设置缩放
    transformMatrix.setScale(scaleRatio, scaleRatio)
    // 计算平移量，让缩放后的GIF居中
    val translateX = (screenWidth - gifWidth * scaleRatio) / 2
    val translateY = (screenHeight - gifHeight * scaleRatio) / 2
    transformMatrix.postTranslate(translateX, translateY)

    // 用矩阵绘制Bitmap，自动实现center-crop
    canvas.drawBitmap(originalFrame, transformMatrix, null)
}

小提示：如果你用Glide这类第三方库加载GIF到动态壁纸，还可以自定义一个BitmapTransformation，把上面的矩阵变换逻辑封装进去，用起来会更方便。

另外再给你两个小建议：

• 动态壁纸的Engine里要注意Surface的生命周期：在surfaceCreated时初始化GIF解码器，surfaceDestroyed时及时释放解码器和Bitmap资源，避免内存泄漏。
• 对于高帧率的GIF，可以做个帧缓存，把处理好的帧缓存起来，避免重复计算缩放和裁剪，提升流畅度。

内容的提问来源于stack exchange，提问作者android developer