带结束动画效果的圆形进度指示器技术问询

嘿，我刚好见过不少类似的效果，来给你详细捋捋～

先解答你的核心疑问 #

• 这个效果不一定是GIF：原生Android完全可以实现这种组合动画，当然也有开发者会用GIF来做，但原生实现的灵活性和可控性更高。
• 如果你确实想用GIF，在Android视图里添加的方法也很简单，后面会具体讲。

重点：结尾动画的原生实现思路（推荐） #

你已经搞定了圆形进度指示器，那个收尾动画其实是「进度完成后的收缩+淡出」组合效果，再配合弹窗的退场动画，核心步骤如下：

1. 监听进度指示器的状态，当进度达到100%时触发收尾动画
2. 给进度环添加缩放+透明度的组合动画，让它从正常大小缩至消失，同时逐渐变透明
3. 进度环动画结束后，再让模态弹窗执行退场动画（比如缩小消失、滑动淡出等）

给你一个简单的Kotlin代码示例：

// 假设你的圆形进度控件是progressCircle（可以是自定义View或系统ProgressBar）
val finishAnimation = ObjectAnimator.ofPropertyValuesHolder(
    progressCircle,
    PropertyValuesHolder.ofFloat("scaleX", 1f, 0f),
    PropertyValuesHolder.ofFloat("scaleY", 1f, 0f),
    PropertyValuesHolder.ofFloat("alpha", 1f, 0f)
)
finishAnimation.apply {
    duration = 350 // 动画时长，可根据需求调整
    interpolator = AccelerateDecelerateInterpolator() // 让动画过渡更自然
    addListener(object : Animator.AnimatorListener {
        override fun onAnimationEnd(animation: Animator?) {
            // 进度环动画结束后，关闭弹窗或者播放弹窗的退场动画
            yourModalDialog?.dismiss()
            // 如果要给弹窗加退场动画，可在这里调用对应逻辑
        }
        // 其他三个方法（onAnimationStart、onAnimationCancel、onAnimationRepeat）可留空或按需实现
    })
}
finishAnimation.start()

如果用GIF实现的话 #

如果确定要用GIF来展示这个效果，在Android里的实现方式也很直接：

• 方式1：原生ImageView加载
  把GIF文件放到res/drawable目录下，然后在布局文件里配置：

  <ImageView
      android:id="@+id/loading_gif"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/your_loading_gif"/>
  

  注意：部分Android系统版本可能不会自动播放GIF，这种情况下更推荐用第三方库。

• 方式2：用Glide库加载（更稳定）
  先在build.gradle里添加Glide依赖，然后用代码加载：

  Glide.with(this)
      .asGif()
      .load(R.drawable.your_loading_gif)
      .into(findViewById(R.id.loading_gif))
  

  这种方式兼容性更好，还能控制GIF的播放次数、循环逻辑等。

补充说明 #

这种效果在很多App里都能见到，比如支付成功提示、页面加载完成的反馈，原生实现的优势在于可以根据实际业务进度动态触发动画，还能自定义动画的速度、样式，比GIF更适配不同的设备和需求。

内容的提问来源于stack exchange，提问作者Thiago Lourin