12.使用动画框架来简化RecyclerView条目动画

/**
 * 作者：Pich
 * 原文链接：http://me.woblog.cn/
 * QQ群：129961195
 * 微信公众号：woblog
 * Github：https://github.com/lifengsofts
 */

详解RecyclerView系列文章目录

概述

通过上一篇文章相信大家都发现如果自定完全自定义一个RecyclerView条目的动画还是很复杂的，而且有许多要处理的地方，而且更重要的是，如果你不封装下，那么每个条目可以说是由很多重复的代码，不易维护，今天就带来一个动画框架，他实现了很常见的动画效果，而且还提供了扩展接口，最后我们演示在他的扩展接口上实现一个上一篇文章里面说的动画，就可以看出框架的强大性。

仓库地址

https://github.com/wasabeef/recyclerview-animators

还可以这样设置多个动画：

AlphaInAnimationAdapter adapter = new AlphaInAnimationAdapter(useCustomAdapter);
rv.setAdapter(new ScaleInAnimationAdapter(adapter));

扩展动画框架

这一部分我们讲解如何使用该动画框架实现上一节自定义添加，删除更新动画。

右边进入，左边移除Item动画

效果如下：

CustomSlideInRightAnimator

public class CustomSlideInRightAnimator   extends BaseItemAnimator {


  public CustomSlideInRightAnimator() {

  }

  public CustomSlideInRightAnimator(Interpolator interpolator) {
    mInterpolator = interpolator;
  }

  @Override protected void animateRemoveImpl(final RecyclerView.ViewHolder holder) {
    ViewCompat.animate(holder.itemView)
        .translationX(-holder.itemView.getRootView().getWidth())
        .setDuration(getRemoveDuration())
        .setInterpolator(mInterpolator)
        .setListener(new DefaultRemoveVpaListener(holder))
        .setStartDelay(getRemoveDelay(holder))
        .start();
  }

  @Override protected void preAnimateAddImpl(RecyclerView.ViewHolder holder) {
    ViewCompat.setTranslationX(holder.itemView, holder.itemView.getRootView().getWidth());
  }

  @Override protected void animateAddImpl(final RecyclerView.ViewHolder holder) {
    ViewCompat.animate(holder.itemView)
        .translationX(0)
        .setDuration(getAddDuration())
        .setInterpolator(mInterpolator)
        .setListener(new DefaultAddVpaListener(holder))
        .setStartDelay(getAddDelay(holder))
        .start();
  }
}

在animateAddImpl方法中实现添加条目动画。

右边进入Adapter动画

我们通过扩展adapter来实现一个从右边进入的Item动画，效果如下：

SlideInRightAnimationAdapter

public class SlideInRightAnimationAdapter extends AnimationAdapter {

  public SlideInRightAnimationAdapter(
      RecyclerView.Adapter adapter) {
    super(adapter);
  }

  /**
   * 从宽度变为0
   * @param view
   * @return
   */
  @Override
  protected Animator[] getAnimators(View view) {
    return new Animator[]{
        ObjectAnimator.ofFloat(view,"translationX",view.getRootView().getWidth(),0)
    };
  }
}

使用的时候只需要用这个adapter包裹原来的adapter。

SlideInRightAnimationAdapter animationAdapter = new SlideInRightAnimationAdapter(
adapter);
animationAdapter.setFirstOnly(false);
rv.setAdapter(animationAdapter);