android 自定义recyclerview,Android—RecyclerView进阶(3)—ItemAnimator分析及自定义
我的CSDN: ListerCi
我的简书: 东方未曦
俗话说，好看的皮囊千篇一律，有趣的灵魂万里挑一。但是对于我们这些俗人来说，肯定是选择好看的皮囊，咱们的用户也是如此。你看看应用市场上那些花枝招展的APP，哪个不是用上了五花八门的动画效果，就算你的内在安全省电性能好，没点儿花招可留不住花心的用户。所以我们今天就来看看怎么实现让用户眼前一亮的动画，当然原理也很重要，因此源码分析必不可少，本文的源码分析主要聚焦于动画是怎么触发的，以及动画是怎么实现的。
一、动画的触发与实现
当Adapter中的数据发生变化时，我们通过notifyItemXXX()等方法通知RecyclerView来改变数据的展示，这个过程必然伴随新的layout()。如果在layout()后直接显示新数据，效果比较僵硬，因此需要通过动画来制造良好的用户体验。
那么，为了实现动画，RecyclerView又额外做了哪些工作呢？抽象上来讲，RecyclerView实现动画的步骤如下。
① 数据发生改变时，保存当前的item信息为preInfo
② 根据新的数据Layout
③ Layout完毕，保存当前的item信息为postInfo
④ 根据preInfo和postInfo判断动画类型并交给ItemAnimator执行
可以发现，前3步保存了执行动画所需要的信息，最后整体交给ItemAnimator来执行动画。前3步涉及到内容较为复杂，我们先从简单的开始分析，来看ItemAnimator是怎么实现动画的。
1.1 动画的实现
由于RecyclerView设计时的低耦合性，ItemAnimator只需要关注怎么执行动画即可，其逻辑并不复杂。RecyclerView为我们实现了DefaultItemAnimator，在不设置动画的情况下默认使用它，其中实现了4个针对item的动画，分别为Remove、Move、Add和Change。以Remove动画为例，当一个item被移出RecyclerView时，DefaultItemAnimator中的animateRemove(holder)方法就会被调用，但是并没有马上开始执行动画，而是将动画添加到了mPendingRemovals中，这是一个待执行的Romove动画List。
@Override
public boolean animateRemove(final RecyclerView.ViewHolder holder) {
resetAnimation(holder);
mPendingRemovals.add(holder);
return true;
}
看一下DefaultItemAnimator的成员变量，原来有4个List分别存储4种动画。
private ArrayList mPendingRemovals = new ArrayList<>();
private ArrayList mPendingAdditions = new ArrayList<>();
private ArrayList mPendingMoves = new ArrayList<>();
private ArrayList mPendingChanges = new ArrayList<>();
当RecyclerView要执行动画时，ItemAnimator的runPendingAnimations()方法会被调用，DefaultItemAnimator重写后的方法如下，为了便于阅读，添加了注释并省略了部分代码。
@Override
public void runPendingAnimations() {
boolean removalsPending = !mPendingRemovals.isEmpty();
boolean movesPending = !mPendingMoves.isEmpty();
boolean changesPending = !mPendingChanges.isEmpty();
boolean additionsPending = !mPendingAdditions.isEmpty();
// 判断是否有动画需要执行
if (!removalsPending && !movesPending && !additionsPending && !changesPending) {
return;
}
// 执行Remove动画
for (RecyclerView.ViewHolder holder : mPendingRemovals) {
animateRemoveImpl(holder); // 实际执行Remove动画的方法
}
mPendingRemovals.clear();
// Move动画
if (movesPending) {
// 注意: Move动画并不是马上执行，会放入一个Runnable
Runnable mover = new Runnable() {
@Override
public void run() {
for (MoveInfo moveInfo : moves) {
animateMoveImpl(moveInfo.holder, moveInfo.fromX, moveInfo.fromY,
moveInfo.toX, moveInfo.toY);
}
}
};
// 如果有Remove动画，就在Remove动画结束之后执行Move动画
// 如果没有Remove动画就马上执行
if (removalsPending) {
View view = moves.get(0).holder.itemView;
ViewCompat.postOnAnimationDelayed(view, mover, getRemoveDuration());
} else {
mover.run();
}
}
// Change动画，与Move动画一起执行
if (changesPending) {
// ......
Runnable changer = new Runnable() {
@Override
public void run() {
for (ChangeInfo change : changes) {
animateChangeImpl(change);
}
}
};
if (removalsPending) {
RecyclerView.ViewHolder holder = changes.get(0).oldHolder;
ViewCompat.postOnAnimationDelayed(holder.itemView, changer, getRemoveDuration());
} else {
changer.run();
}
}
// 最后执行Add动画
if (additionsPending) {
// ......
Runnable adder = new Runnable() {
@Override
public void run() {
for (RecyclerView.ViewHolder holder : additions) {
animateAddImpl(holder);
}
additions.clear();
mAdditionsList.remove(additions);
}
};
// 在Remove、Move、Change动画都完成之后开始执行Add动画
if (removalsPending || movesPending || changesPending) {
long removeDuration = removalsPending ? getRemoveDuration() : 0;
long moveDuration = movesPending ? getMoveDuration() : 0;
long changeDuration = changesPending ? getChangeDuration() : 0;
long totalDelay = removeDuration + Math.max(moveDuration, changeDuration);
View view = additions.get(0).itemView;
ViewCompat.postOnAnimationDelayed(view, adder, totalDelay);
} else {
adder.run();
}
}
}
我们发现动画的执行是有顺序的，Remove动画首先执行，之后Move和Change动画同时开始，等这3个动画全部结束之后开始执行Add动画。以RecyclerView删除一个item为例，动画如下。
gif-Remove动画.gif
我们发现动画有2段，首先是被删除item的Remove动画，等到完全不可见之后，下方的多个item同时执行向上的Move动画。相对的，如果向RecyclerView中添加一个item，会先执行item向下的Move动画，再执行插入item的Add动画。
在runPendingAnimations()中真正执行动画的是animateRemoveImpl()这样的方法，来看一下它是怎么实现的，这也是我们今后自定义动画的关键。
private void animateRemoveImpl(final RecyclerView.ViewHolder holder) {
final View view = holder.itemView;
final ViewPropertyAnimator animation = view.animate();
mRemoveAnimations.add(holder);
animation.setDuration(getRemoveDuration()).alpha(0).setListener(
new AnimatorListenerAdapter() {
@Override
public void onAnimationStart(Animator animator) {
dispatchRemoveStarting(holder);
}
@Override
public void onAnimationEnd(Animator animator) {
animation.setListener(null);
view.setAlpha(1);
dispatchRemoveFinished(holder);
mRemoveAnimations.remove(holder);
dispatchFinishedWhenDone();
}
}).start();
}
Remove动画很简单，通过ViewPropertyAnimator实现一个透明度到0的属性动画，不过要记得在动画开始和结束时调用dispatchRemoveStarting()和dispatchRemoveFinished()方法。相对的，Add动画就是透