80行代码搞定菜单展开动画
其实实现动画效果是非常简单的,下面就使用ObjectAnimator来实现一个点击按钮向下展开菜单项的动画。
制作布局文件
首先我们要把我们的图片素材全部放到到一个帧布局中,将菜单键放在最上面。
那么接下来要做的就是把这几个菜单项目b~h依次展开。
制作动画 接下来就要分别用一个int数组来保存我们的图片id,和一个list保存我们的imageview,在onCreate方法中用for循环将id与view对象依次关联起来。给触发按钮注册监听事件。然后调用
startAnim
方法。private void startAnim()
{
for (int i = 1;
i < resId.length ;
i++)
{
ObjectAnimator animator=ObjectAnimator.ofFloat(imageViewList.get(i),"translationY",0F,i*150);
animator.setDuration(500);
animator.setStartDelay(i*300);
animator.setInterpolator(new BounceInterpolator());
animator.start();
}
flag=false;
}
这里的flag时标志你展开还是关闭,如果为false,调用
closeAnim
方法private void closeAnim()
{
for (int i = resId.length-1;
i >0 ;
i--)
{
ObjectAnimator animator=ObjectAnimator.ofFloat(imageViewList.get(i),"translationY",i*150,0F);
animator.setDuration(500);
animator.setStartDelay(i*300);
animator.setInterpolator(new BounceInterpolator());
animator.start();
}
}
【80行代码搞定菜单展开动画】效果如下:
文章图片
这里写图片描述
文章图片
这里写图片描述
推荐阅读
- CVE-2020-16898|CVE-2020-16898 TCP/IP远程代码执行漏洞
- 不废话,代码实践带你掌握|不废话,代码实践带你掌握 强缓存、协商缓存!
- 工具|后天就是七夕节,你准备好了吗(送上几个七夕代码,展示你技能的时候到了!)
- 《机器学习实战》高清中文版PDF英文版PDF+源代码下载
- 霍兰德职业代码对照表
- Hexo代码块前后空白行问题
- 前端代码|前端代码 返回顶部 backToTop
- 11-代码注入
- 代码不规范容易造成的bug
- 事件解绑与解绑的兼容代码