服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Java教程 - SpringAnimation 实现菜单从顶部弹出从底部消失动画效果

SpringAnimation 实现菜单从顶部弹出从底部消失动画效果

2021-05-06 11:29一品大帅 Java教程

最近做项目遇到这样一个需求,要求实现一种菜单,菜单从顶部弹入,然后从底部消失,顶部弹入时,有一个上下抖动的过程,底部消失时,先向上滑动,然后再向下滑动消失。下面给大家带来了实现代码,感兴趣的朋友一起看看

前言

实现一种菜单,菜单从顶部弹入,然后从底部消失,顶部弹入时,有一个上下抖动的过程,底部消失时,先向上滑动,然后再向下滑动消失。

 效果图如下:

SpringAnimation 实现菜单从顶部弹出从底部消失动画效果

引入依赖

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

创建springanimation需要三个参数。

•做动画的view

•做动画的类型(dynamicanimation)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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,

?
1
springanimation signupbtnanimy = new springanimation(constraintlayout, dynamicanimation.rotation, 0);

效果图如下:

SpringAnimation 实现菜单从顶部弹出从底部消失动画效果

- 创建动画的最终位置

 相对view的当前位置的偏移量。

springforce

为了让动画流畅,有弹簧的性质,需要设置springforce的相关参数。

- stiffness

即刚度,此值越大,产生的里越大,动画中弹性效果越不明显,运动比较快。

?
1
2
3
4
stiffness_high
stiffness_low
stiffness_medium
stiffness_very_low

设置方法为:

?
1
signupbtnanimy.getspring().setstiffness(springforce.stiffness_low);

•dampingratio阻尼比

 即阻尼比,此值越大,弹簧效果停止的越快

?
1
2
3
4
damping_ratio_high_bouncy
damping_ratio_low_bouncy
damping_ratio_medium_bouncy
damping_ratio_no_bouncy

设置方法为:

?
1
signupbtnanimy.getspring().setdampingratio(springforce.damping_ratio_medium_bouncy);

startvelocity

启动速度,默认速度为0,单位是px/second.

整体代码如下:

•显示菜单动画

?
1
2
3
4
5
6
7
8
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();
  }

•隐藏菜单动画

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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 实现菜单从顶部弹出从底部消失动画效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!

原文链接:https://blog.csdn.net/qin_shi/article/details/80438448

延伸 · 阅读

精彩推荐