如何使用Kotlin为Android点赞按钮实现流畅的弹出动画？

不用替换ObjectAnimator，通过串联弹性缩放动画+调整时序与插值器就能实现流畅且有冲击力的弹出反馈，以下是具体实现思路和代码：

核心优化逻辑 #

单一缩放动画缺乏层次感，模拟物理弹出的弹性效果才会有冲击力：点击后先快速微缩（制造按压感），接着过度放大（弹出张力），最后回弹至原尺寸（自然收尾），三个阶段的动画串联配合合适的插值器，就能让反馈更流畅愉悦。

代码实现示例 #

button.setOnClickListener(v -> {
    // 1. 快速微缩：模拟按压反馈
    ObjectAnimator shrinkX = ObjectAnimator.ofFloat(v, "scaleX", 1.0f, 0.8f);
    ObjectAnimator shrinkY = ObjectAnimator.ofFloat(v, "scaleY", 1.0f, 0.8f);
    shrinkX.setDuration(100);
    shrinkY.setDuration(100);

    // 2. 过度放大：制造弹出冲击力，用OvershootInterpolator增强弹性
    ObjectAnimator expandX = ObjectAnimator.ofFloat(v, "scaleX", 0.8f, 1.2f);
    ObjectAnimator expandY = ObjectAnimator.ofFloat(v, "scaleY", 0.8f, 1.2f);
    expandX.setDuration(200);
    expandY.setDuration(200);
    expandX.setInterpolator(new OvershootInterpolator(1.5f));
    expandY.setInterpolator(new OvershootInterpolator(1.5f));

    // 3. 回弹复位：自然收尾
    ObjectAnimator resetX = ObjectAnimator.ofFloat(v, "scaleX", 1.2f, 1.0f);
    ObjectAnimator resetY = ObjectAnimator.ofFloat(v, "scaleY", 1.2f, 1.0f);
    resetX.setDuration(100);
    resetY.setDuration(100);

    // 串联动画序列
    AnimatorSet animatorSet = new AnimatorSet();
    animatorSet.play(shrinkX).with(shrinkY);
    animatorSet.play(expandX).with(expandY).after(shrinkX);
    animatorSet.play(resetX).with(resetY).after(expandX);
    animatorSet.start();
});

额外优化技巧 #

• 插值器适配：如果喜欢弹跳感，可将OvershootInterpolator替换为BounceInterpolator；调整OvershootInterpolator的构造参数（如1.5f）可改变回弹幅度，数值越大弹性越强。
• 时序微调：整体动画时长控制在300-400ms内，微缩阶段尽量快（≤100ms），放大阶段占比最长（≈200ms），让弹出的张力感更突出。
• 避免卡顿：每次触发动画前，可调用animatorSet.cancel()清空按钮上的未完成动画，防止多点击导致的动画叠加冲突。

内容的提问来源于stack exchange，提问作者Lily Monta