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

前言
實現(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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
本文題目:SpringAnimation如何實現(xiàn)菜單從頂部彈出從底部消失動畫效果-創(chuàng)新互聯(lián)
網(wǎng)站地址:http://chinadenli.net/article10/dooodo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、軟件開發(fā)、靜態(tài)網(wǎng)站、網(wǎng)站維護(hù)、關(guān)鍵詞優(yōu)化、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容