Android SpringAnimation 安卓模拟弹簧动画

前言

在最近的Support Library更新中（25.3.0），新增或者修复了许多东西，具体可以看revisions，其中有一个新增的动画效果：SpringAnimation 即弹簧动画，随即，Android 开发者发布了一段简短的gistHere，演示了该动画库的简单使用。并在一个不存在的网站上post出gif演示：

spring.gif

由于大神给出的代码不是很完整，出于好奇的心态，于是在gist的基础上复现了一下该效果，方便参考。

SpringAnimation

SpringAnimation是一个受SpringForce驱动的动画。弹簧力限定了弹簧的刚度，阻尼比以及静止位置。一旦弹簧动画开始，在每一帧上，弹簧力将更新动画的值和速度。动画一直运行，直到弹力达到平衡。如果在动画中使用了无阻尼的弹簧，动画将永远不会达到平衡，永远振荡下去。。。

该类提供了以下方法：

SpringAnimation_public methods.png

代码示例

public class MainActivity extends Activity {

    //XY坐标
    private float downX, downY;
    //调整参数的SeekBar
    private SeekBar dampingSeekBar, stiffnessSeekBar;
    //X/Y方向速度相关的帮助类
    private VelocityTracker velocityTracker;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViewById(android.R.id.content).setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION);
        stiffnessSeekBar = (SeekBar) findViewById(R.id.stiffness);
        dampingSeekBar = (SeekBar) findViewById(R.id.damping);
        velocityTracker = VelocityTracker.obtain();
        final View box = findViewById(R.id.box);
        findViewById(R.id.content).setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        downX = event.getX();
                        downY = event.getY();
                        velocityTracker.addMovement(event);
                        return true;
                    case MotionEvent.ACTION_MOVE:
                        box.setTranslationX(event.getX() - downX);
                        box.setTranslationY(event.getY() - downY);
                        velocityTracker.addMovement(event);
                        return true;
                    case MotionEvent.ACTION_UP:
                    case MotionEvent.ACTION_CANCEL:
                        velocityTracker.computeCurrentVelocity(1000);
                        if (box.getTranslationX() != 0) {
                            SpringAnimation animX = new SpringAnimation(box, SpringAnimation.TRANSLATION_X, 0);
                            animX.getSpring().setStiffness(getStiffnessSeekBar());
                            animX.getSpring().setDampingRatio(getDampingSeekBar());
                            animX.setStartVelocity(velocityTracker.getXVelocity());
                            animX.start();
                        }
                        if (box.getTranslationY() != 0) {
                            SpringAnimation animY = new SpringAnimation(box, SpringAnimation.TRANSLATION_Y, 0);
                            animY.getSpring().setStiffness(getStiffnessSeekBar());
                            animY.getSpring().setDampingRatio(getDampingSeekBar());
                            animY.setStartVelocity(velocityTracker.getYVelocity());
                            animY.start();
                        }
                        velocityTracker.clear();
                        return true;
                }
                return false;
            }
        });
    }

    /**
     * 从SeekBar获取自定义的强度
     *
     * @return 强度float
     */
    private float getStiffnessSeekBar() {
        return Math.max(stiffnessSeekBar.getProgress(), 1f);
    }

    /**
     * 从SeekBar获取自定义的阻尼
     *
     * @return 阻尼float
     */
    private float getDampingSeekBar() {
        return dampingSeekBar.getProgress() / 100f;
    }
}

关键方法：

SpringAnimation animX = new SpringAnimation(box, SpringAnimation.TRANSLATION_X, 0);

查一下文档，这个构造方法的参数是什么意思？

1. 第一个参数肯定是View啦，但是需要说明的是，这个动画将会改变View的所有属性，不仅仅是位置。
2. 第二个参数是视图的属性索引；
3. 第三个参数是弹簧被创建的最后位置

至于这个动画库的用途呢，就看开发者的想象力了。其他详情看源码，不多说了。

看demo 演示：

SpringAnimation.gif

最后

按照国际惯例，附上完整源码SpringAnimation喜欢请star一个！