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行代码搞定菜单展开动画】效果如下:

80行代码搞定菜单展开动画
文章图片
这里写图片描述
80行代码搞定菜单展开动画
文章图片
这里写图片描述

    推荐阅读