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();
        }
    }

效果如下：

这里写图片描述

这里写图片描述