SpringAnimation如何實現(xiàn)菜單從頂部彈出從底部消失動畫效果

這篇文章主要介紹SpringAnimation如何實現(xiàn)菜單從頂部彈出從底部消失動畫效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

前言

實現(xiàn)一種菜單，菜單從頂部彈入，然后從底部消失，頂部彈入時，有一個上下抖動的過程，底部消失時，先向上滑動，然后再向下滑動消失。

 效果圖如下：

引入依賴

implementation 'com.android.support:support-dynamic-animation:27.1.1'1

創(chuàng)建SpringAnimation需要三個參數(shù)。

?做動畫的View

?做動畫的類型（DynamicAnimation）

ALPHA
ROTATION
ROTATION_X
ROTATION_Y
SCALE_X
SCALE_Y
SCROLL_X
SCROLL_Y
TRANSLATION_X
TRANSLATION_Y
TRANSLATION_Z
X
Y
Z

上邊的gif圖為DynamicAnimation為TRANSLATION_Y的預(yù)覽圖，現(xiàn)在我們把參數(shù)設(shè)置為ROTATION，

SpringAnimation signUpBtnAnimY = new SpringAnimation(constraintLayout, DynamicAnimation.ROTATION, 0);

效果圖如下：

- 創(chuàng)建動畫的最終位置

 相對View的當(dāng)前位置的偏移量。

SpringForce

為了讓動畫流暢，有彈簧的性質(zhì)，需要設(shè)置SpringForce的相關(guān)參數(shù)。

- Stiffness

即剛度，此值越大，產(chǎn)生的里越大，動畫中彈性效果越不明顯，運動比較快。

STIFFNESS_HIGH
STIFFNESS_LOW
STIFFNESS_MEDIUM
STIFFNESS_VERY_LOW

設(shè)置方法為：

signUpBtnAnimY.getSpring().setStiffness(SpringForce.STIFFNESS_LOW);

?DampingRatio阻尼比

 即阻尼比，此值越大，彈簧效果停止的越快

DAMPING_RATIO_HIGH_BOUNCY
DAMPING_RATIO_LOW_BOUNCY
DAMPING_RATIO_MEDIUM_BOUNCY
DAMPING_RATIO_NO_BOUNCY

設(shè)置方法為：

signUpBtnAnimY.getSpring().setDampingRatio(SpringForce.DAMPING_RATIO_MEDIUM_BOUNCY);

StartVelocity

啟動速度，默認(rèn)速度為0，單位是px/second.

整體代碼如下：

?顯示菜單動畫

public void showAnimal() {
    setVisibility(View.VISIBLE);
    SpringAnimation signUpBtnAnimY = new SpringAnimation(constraintLayout, DynamicAnimation.TRANSLATION_Y, 0);
    signUpBtnAnimY.getSpring().setStiffness(SpringForce.STIFFNESS_LOW);
    signUpBtnAnimY.getSpring().setDampingRatio(SpringForce.DAMPING_RATIO_MEDIUM_BOUNCY);
    signUpBtnAnimY.setStartVelocity(5000);
    signUpBtnAnimY.start();
  }

?隱藏菜單動畫

public void hideAnimal() {
    height = (ScreenTools.getScreenHeight(getContext()) - constraintLayout.getHeight()) / 2 + constraintLayout.getHeight() + ScreenTools.dp2px(getContext(),50);
    ObjectAnimator animator = ObjectAnimator.ofFloat(constraintLayout, "translationY", 0f, -100f, height);
    animator.setDuration(600);
    animator.setInterpolator(new DecelerateInterpolator());
    animator.addListener(new AnimatorListenerAdapter() {
      @Override
      public void onAnimationEnd(Animator animation) {
        super.onAnimationEnd(animation);
        setVisibility(GONE);
        reLayout();
      }
    });
    animator.start();
  }

以上是“SpringAnimation如何實現(xiàn)菜單從頂部彈出從底部消失動畫效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！