SpringAimation 弹性动画

1、SpringAnimation动画简单介绍

                //从右向左位移0.5秒完成
                ObjectAnimator objectAnimator = null;
                objectAnimator = ObjectAnimator.ofFloat(view, "translationX", pageWidth, 0);//位移页面宽度
                objectAnimator.setDuration(500);//位移时长
                objectAnimator.start();
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        //SpringAnimation动画sin算法方式会超出屏幕  建议在设置控件距离的时候使用    
                        //android:layout_marginLeft="5dp"偏移五个单位的dp

                        SpringForce spring = new SpringForce(0)
                                .setDampingRatio(0.3f)//0.9幅度小一次 0.7幅度小一次,0.3两次,dampingRatio越大,摆动次数越少,当到1的时候完全不摆动
                                .setStiffness(50f);//stiffness值越小,弹簧越容易摆动,摆动的时间越长,反之摆动时间越短
                        new SpringAnimation(view, SpringAnimation.TRANSLATION_X)//X轴方向位移
                                .setSpring(spring)
                                .setStartValue(0)//初始值
                                .setStartVelocity(100)//开始速度
                                .start();
                    }
                }, 500);

开始速度,dampingRatio,stiffness值,三个值相互影响


SpringAimation 弹性动画_第1张图片
cda21039d72cf631ac24245b5e8dfa7.jpg

弹性效果入上图绘制,这个效果不是很好,还要设置控件的距离,有点鸡肋,不是咱程序员干的事情

2、如果不想要默认的可以直接设置插值器。对弹跳的值进行设置

ObjectAnimator objectAnimator = null;
                objectAnimator = ObjectAnimator.ofFloat(view, "translationX", pageWidth, 0);
                objectAnimator.setDuration(500);
                objectAnimator.setInterpolator(new SpringScaleInterpolator());
                objectAnimator.start();

public class SpringScaleInterpolator implements Interpolator {

   private float factor;

   public SpringScaleInterpolator(float factor) {
       this.factor = factor;
   }

   @Override
   public float getInterpolation(float x) {
       return (float) (pow(2,1) * sin((x - factor / 4) * (2 * PI) / factor) );//pow的用法可以百度   这里用的是sin,你自己也可以判断在小于0的时候就直接网上抛,这样做就不会出现屏幕会被遮挡的情况
   }
}
SpringAimation 弹性动画_第2张图片
b7bc19e7ef4af0e6e1df79e4c710dda.jpg

这个图骗过好一点,不过return (float) (pow(2,1) * sin((x - factor / 4) * (2 * PI) / factor) );
这个函数还在计算,明天给与答案,今天有点事情忙先

你可能感兴趣的:(SpringAimation 弹性动画)