时间:2021-05-19
前言
实现一种菜单,菜单从顶部弹入,然后从底部消失,顶部弹入时,有一个上下抖动的过程,底部消失时,先向上滑动,然后再向下滑动消失。
效果图如下:
引入依赖
implementation 'com.android.support:support-dynamic-animation:27.1.1'1创建SpringAnimation需要三个参数。
•做动画的View
•做动画的类型(DynamicAnimation)
ALPHAROTATIONROTATION_XROTATION_YSCALE_XSCALE_YSCROLL_XSCROLL_YTRANSLATION_XTRANSLATION_YTRANSLATION_ZXYZ上边的gif图为DynamicAnimation为TRANSLATION_Y的预览图,现在我们把参数设置为ROTATION,
SpringAnimation signUpBtnAnimY = new SpringAnimation(constraintLayout, DynamicAnimation.ROTATION, 0);效果图如下:
- 创建动画的最终位置
相对View的当前位置的偏移量。
SpringForce
为了让动画流畅,有弹簧的性质,需要设置SpringForce的相关参数。
- Stiffness
即刚度,此值越大,产生的里越大,动画中弹性效果越不明显,运动比较快。
STIFFNESS_HIGHSTIFFNESS_LOWSTIFFNESS_MEDIUMSTIFFNESS_VERY_LOW设置方法为:
signUpBtnAnimY.getSpring().setStiffness(SpringForce.STIFFNESS_LOW);•DampingRatio阻尼比
即阻尼比,此值越大,弹簧效果停止的越快
设置方法为:
signUpBtnAnimY.getSpring().setDampingRatio(SpringForce.DAMPING_RATIO_MEDIUM_BOUNCY);StartVelocity
启动速度,默认速度为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(); }源码:https://github.com/LSnumber1/StudySpringAnimation
总结
以上所述是小编给大家介绍的SpringAnimation 实现菜单从顶部弹出从底部消失动画效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在前面PopupWindow实现显示仿腾讯新闻底部弹出菜单有用到Animation动画效果来实现菜单的显示和隐藏,本文就来介绍下吧。1.Animation动画类
本文实例讲述了Android编程实现仿易信精美弹出框效果。分享给大家供大家参考,具体如下:截图:动画效果介绍:1.点击ActionBar上“+”按钮,菜单从上方
本文实例为大家分享了微信小程序自定义底部弹出框的具体代码,供大家参考,具体内容如下实现这么一个功能,点击选项进行选择,效果是从底部弹出选项框(带滑出动画),选择
AndroidDialog动画实例详解动画描述:动画与底部菜单一样出现和消失制作过程:1.创建两个动画文件window_in.xml:window_out.xm
今天给大家分享一款基jquery超炫的动画导航菜单。这款导航菜单,初始时页面中间一个按钮,单击按钮,菜单从左侧飞入页中。再次单击按钮,导航飞入左侧消息。动画效果