服务器之家

服务器之家 > 正文

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

时间:2021-05-06 11:29     来源/作者:一品大帅

前言

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

 效果图如下:

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

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
返回顶部