Android开发求助：实现分数递增时数字闪烁/脉动效果

嘿，作为Android开发新手，你完全没必要把数字转成图片来实现这个效果！Android自带的动画API就能轻松搞定，而且比转图片灵活多了。下面给你两种实用的实现方案：

方法一：用属性动画（ObjectAnimator）实现脉动效果 #

属性动画可以直接操作TextView的缩放、透明度等属性，实现平滑的脉动效果，代码简洁且可控性强：

// 假设你的分数显示控件是tvScore，加分按钮是btnAddScore
var score = 0

btnAddScore.setOnClickListener {
    // 先更新分数
    score++
    tvScore.text = score.toString()
    
    // 构建脉动动画：先放大+半透明，再恢复原状
    val scaleXAnim = ObjectAnimator.ofFloat(tvScore, "scaleX", 1f, 1.5f, 1f)
    val scaleYAnim = ObjectAnimator.ofFloat(tvScore, "scaleY", 1f, 1.5f, 1f)
    val alphaAnim = ObjectAnimator.ofFloat(tvScore, "alpha", 1f, 0.5f, 1f)
    
    // 组合动画并设置时长
    val animSet = AnimatorSet()
    animSet.playTogether(scaleXAnim, scaleYAnim, alphaAnim)
    animSet.duration = 1000 // 持续1秒，刚好符合你的需求
    animSet.start()
}

这个动画会让数字先放大到1.5倍、透明度降到0.5，然后平滑回到原始状态，整个过程1秒，完美实现脉动效果。

方法二：用XML补间动画实现闪烁效果 #

如果你更喜欢用XML定义动画逻辑，可以在res/anim目录下创建score_blink_anim.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000">
    <!-- 透明度闪烁：从完全显示到半透明再恢复 -->
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.3"
        android:repeatMode="reverse"
        android:repeatCount="1"/>
    <!-- 缩放脉动：从原始大小放大到1.3倍再恢复 -->
    <scale
        android:fromXScale="1.0"
        android:toXScale="1.3"
        android:fromYScale="1.0"
        android:toYScale="1.3"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatMode="reverse"
        android:repeatCount="1"/>
</set>

然后在代码中加载并启动动画：

btnAddScore.setOnClickListener {
    score++
    tvScore.text = score.toString()
    val blinkAnim = AnimationUtils.loadAnimation(this, R.anim.score_blink_anim)
    tvScore.startAnimation(blinkAnim)
}

为什么完全没必要转图片？ #

转图片的方式不仅麻烦（每次分数变化都要生成新图片），还会额外增加内存开销，而且动画效果的灵活性远不如原生动画框架——原生动画可以轻松调整速度、重复次数、动画曲线，还能和其他交互逻辑无缝结合。如果想要更个性化的效果，比如颜色闪烁，还可以给TextView添加颜色动画：

// 在属性动画中加入颜色变化
val colorAnim = ObjectAnimator.ofArgb(tvScore, "textColor", Color.BLACK, Color.RED, Color.BLACK)
colorAnim.duration = 1000
animSet.playTogether(scaleXAnim, scaleYAnim, colorAnim)

这样数字在脉动的同时还会变色，效果更醒目~

内容的提问来源于stack exchange，提问作者10nry