类似列表的view伸缩动画

效果

!!! 尼玛转成gif这么卡 真实效果很流畅

---

1,写出所要实现的动画效果

private void doAnim(MyLin view, int i, final boolean v) {
       // 运用PropertyValuesHolder 完成组合动画
        PropertyValuesHolder valuesHolder;
        PropertyValuesHolder valuesHolder3;
        ObjectAnimator objectAnimator;
        // translationY : 纵向移动
        // alpha : 透明度
        if (v){   // 隐藏   
            valuesHolder = PropertyValuesHolder.ofFloat("translationY", 0.0f, -(view.getHeight())*i); // 这里 *i 是因为每个控件向上移动的距离都不一样
            valuesHolder3 = PropertyValuesHolder.ofFloat("alpha", 1.0f, 0);
            objectAnimator = ObjectAnimator.ofPropertyValuesHolder(view, valuesHolder,valuesHolder3);
        }else{   // 显示
            valuesHolder = PropertyValuesHolder.ofFloat("translationY",-(view.getHeight())*i ,0.0f );
            valuesHolder3 = PropertyValuesHolder.ofFloat("alpha",0f , 1.0f);
            objectAnimator = ObjectAnimator.ofPropertyValuesHolder(view, valuesHolder,valuesHolder3);
        }
        objectAnimator.setDuration(500).start();  //  动画执行时间 300 毫秒
    }
       objectAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                if (v)
                    imageView.setVisibility(View.GONE);  // 当收缩动画完成时,隐藏所有view
            }
        });

2, 启动动画

 @OnClick(R.id.image1)
    public void onClick() {
        for (int i = 0; i < myLins.size(); i++) {
            if (v){   // v 是否已经隐藏和显示标记
                doAnim(myLins.get(i),i+1,v);  //ViewGroup 中的每个view 都单独执行一遍动画
                if ((myLins.size()-1) == i)
                    v = false;
            }else { 
                myLins.get(i).setVisibility(View.VISIBLE);   // 在开始动画之前显示出所有view
                doAnim(myLins.get(i),i+1,v);
                if ((myLins.size()-1) == i)
                    v = true;
            }
        }
}

3,因为布局容器中添加android:animateLayoutChanges=”true”的属性,当ViewGroup控件里有View VISIBLE或GONE 时启动默认动画效果,所以当手动 setVisibility(View.VISIBLE/GONE ) 时会出现动画重复的现象,

因此,将子控件显现和消失的动画置空,其他动画不改变.

  //初始化容器动画
  mTransitioner = new LayoutTransition();
  ll.setLayoutTransition(mTransitioner);   // ll 为ViewGroup
  // view出现时 view自身的动画效果置空
   mTransitioner.setAnimator(LayoutTransition.APPEARING, null);
  // view消失时 view自身的动画效果置空
   mTransitioner.setAnimator(LayoutTransition.DISAPPEARING, null);

参考文档 : Android属性动画Property Animation系列