【Android】实现一个弹簧(Spring)效果的动画

最新推荐文章于 2021-05-25 19:56:55 发布

原创最新推荐文章于 2021-05-25 19:56:55 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #spring #动画

心得专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何在Android中实现弹簧效果的动画。通过自定义插值器(BounceInterpolator)，控制动画的节奏，实现轻盈活泼的缩放效果。适用于希望增强用户体验的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

弹簧（spring）效果在开发中十分常见，效果比较轻盈活泼，但是android本身要用基本的xml去实现弹簧效果，很难做到流畅，需要自定义一个插值器（Interpolator）,这里记录一下最近写的一个弹簧效果的插值器：

/**
 * 实现一个弹簧效果的加速器
 */
public class BounceInterpolator implements Interpolator {

    double mAmplitude = 1;//幅度
    double mFrequency = 10;//频率

    public BounceInterpolator(double amplitude, double frequency) {
        mAmplitude = amplitude;
        mFrequency = frequency;
    }

    @Override
    public float getInterpolation(float time) {
        return (float) (-1 * Math.pow(Math.E, -time / mAmplitude) *
                Math.cos(mFrequency * time) + 1);
    }
}

然后设置一下我们使用弹簧插值器去播放的动画，可以是缩放，也可以是位移，注意插值器只是控制动画的节奏，但是动画本身做什么得另加设置，这里以缩放为例，定义一个 bounce.xml 来设置缩放效果：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <scale
        android:duration="800"
        android:fromXScale="0.8"
        android:toXScale="1.0"
        android:fromYScale="0.8"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%" />
</set>

调用的时候可以这样使用：

Animation animation = AnimationUtils.loadAnimation(this.getContext(), R.anim.bounce);
BounceInterpolator bounceInterpolator = new BounceInterpolator(0.2, 20);
animation.setInterpolator(bounceInterpolator);
view.startAnimation(animation);//这里的view就是你需要做动画的view