SpringAnimation 实现菜单从顶部弹出从底部消失动画效果
2018-05-30 09:44
851 查看
前言
实现一种菜单,菜单从顶部弹入,然后从底部消失,顶部弹入时,有一个上下抖动的过程,底部消失时,先向上滑动,然后再向下滑动消失。
效果图如下:
引入依赖
implementation 'com.android.support:support-dynamic-animation:27.1.1'1
创建SpringAnimation需要三个参数。
•做动画的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的预览图,现在我们把参数设置为ROTATION,
SpringAnimation signUpBtnAnimY = new SpringAnimation(constraintLayout, DynamicAnimation.ROTATION, 0);
效果图如下:
- 创建动画的最终位置
相对View的当前位置的偏移量。
SpringForce
为了让动画流畅,有弹簧的性质,需要设置SpringForce的相关参数。
- Stiffness
即刚度,此值越大,产生的里越大,动画中弹性效果越不明显,运动比较快。
STIFFNESS_HIGH STIFFNESS_LOW STIFFNESS_MEDIUM STIFFNESS_VERY_LOW
设置方法为:
signUpBtnAnimY.getSpring().setStiffness(SpringForce.STIFFNESS_LOW);
•DampingRatio阻尼比
即阻尼比,此值越大,弹簧效果停止的越快
DAMPING_RATIO_HIGH_BOUNCY DAMPING_RATIO_LOW_BOUNCY DAMPING_RATIO_MEDIUM_BOUNCY DAMPING_RATIO_NO_BOUNCY
设置方法为:
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 实现菜单从顶部弹出从底部消失动画效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- android窗体动画:activity启动从底部向上滑动出现,关闭的时候从顶部向下滑动消失的动画实现
- android窗体动画:activity启动从底部向上滑动出现,关闭的时候从顶部向下滑动消失的动画实现【转】
- android窗体动画:activity启动从底部向上滑动出现,关闭的时候从顶部向下滑动消失的动画实现
- android开发游记:弹出窗和底部弹出窗的实现和动画效果
- jQuery实现带有动画效果的回到顶部和底部代码
- android开发游记:弹出窗和底部弹出窗的实现和动画效果
- Android安卓用Dialog对话框简单并且完美实现popupWindow底部弹出效果,有动画效果
- 仿网易下拉菜单,UC底部弹出菜单(带动画效果,讲解原理)
- jQuery实现带有动画效果的回到顶部和底部代码
- android窗体动画:activity启动从底部向上滑动出现,关闭的时候从顶部向下滑动消失的动画实现
- Activity启动从底部向上滑动出现,关闭的时候从顶部向下滑动消失的动画实现---Android提高篇
- 自定义Dialog对话框并实现从底部弹出的动画效果
- Android自定义View之实现流行的新浪微博底部菜单:高仿“咸鱼APP”的底部菜单动画效果。
- 【Android进阶】自定义控件实现底部扇形展开菜单效果
- jQuery实现鼠标悬停3d菜单展开动画效果
- Android记录2--制作表格样式+由下往上动画弹出效果实现
- 使用Design包实现QQ动画侧滑效果和滑动菜单导航
- Android实现背景透明度渐变的效果,类似于分享底部的弹出框
- android 实现底部菜单并且实现购物车的提醒效果
- 纯CSS3实现带动画效果导航菜单无需js