【问题标题】:RecyclerView ItemAnimator 'remove' animation merges with 'add' animationRecyclerView ItemAnimator 'remove' 动画与 'add' 动画合并
【发布时间】:2018-02-11 02:36:10
【问题描述】:

目前正在通过 RecyclerView 实现各种“百科全书”,我可以对其进行排序、过滤、搜索等。功能上,我的工作正常,所以我开始制作动画。我只想要数据集更改时的动画,而不是滚动或触摸事件等,所以我只使用 ItemAnimator。

嗯,可以对我的 RecyclerView 进行排序、过滤或搜索的许多方式实际上或字面上都会导致整个数据集被替换。我认为这些将是最容易制作动画的情况,因为在这种情况下,我可以调用notifyDataSetRemoved(0, oldItemCount),然后调用notifyDataSetInserted(0, newItemCount),这将在每个修改的项目上分别调用animateRemove()animateAdd()。这正是发生的事情!从一个非常简单的意义上说,它有效,我猜。但碰巧它只能正常运行一次

这是删除动画(当前):

public boolean animateRemove(RecyclerView.ViewHolder holder) {
    holder.itemView.clearAnimation();

    holder.itemView.animate()
            .alpha(0)
            .setInterpolator(new AccelerateInterpolator(2.f))
            .setDuration(350)
            .setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    dispatchRemoveFinished(holder);
                }
            })
            .start();

    return false;
}

和添加动画(当前):

public boolean animateAdd(RecyclerView.ViewHolder holder) {
    holder.itemView.clearAnimation();

    final int screenHeight = Resources.getSystem().getDisplayMetrics().heightPixels;
    holder.itemView.setTranslationY(screenHeight);
    holder.itemView.animate()
            .translationY(0)
            .setInterpolator(new DecelerateInterpolator(3.f))
            .setDuration(650)
            .setStartDelay(450 + holder.getLayoutPosition() * 75)
            .setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    dispatchAddFinished(holder);
                }
            })
            .start();

    return false;
}

以及调用它的代码示例:

public void filterDataSetExample() {
    int oldItemCount = getItemCount();

    // ... logic that changes the data set ...

    notifyItemRangeRemoved(0, oldItemCount);
    notifyItemRangeInserted(0, getItemCount());
}

我第一次执行调用此序列的操作时,移除动画会流畅播放,然后是添加动画。当我尝试第二次时,问题就来了。

在第二次以及之后的任何时候,这两个动画以某种方式“合并”了。基本上就是这样(每次都一样):

  • 移除动画从添加动画中获取延迟(基本 + 交错)。这意味着动画基本上是同时播放的,这已经够糟糕的了。

  • 添加动画从删除动画中获取 alpha 偏移,但仅适用于屏幕顶部 75% 左右的 ViewHolders。底部的 2-3 仍然清晰可见。但总的来说,这意味着在我的整个列表中,我的 ViewHolders 中有 70-80% 是不可见的(因为它们被回收了)。起初我以为它们以某种方式完全消失了,但如果我将 alpha 偏移更改为非 0 值,例如 0.25f,我可以看到那里的持有者,透明的。

  • 在这两件事之上 - 如果我完全重新填充 RecyclerView 并简单地调用 notifyDataSetChanged(),我目前没有设置动画,一些不可见的 ViewHolders将逐渐再次变得可见(每次 2-3 个,直到它们全部恢复正常可见性)。

  • 然后,如果我调用notifyDataSetChanged() 的次数足以使整个堆栈再次可见,我就回到了我开始的地方!对于 ONE 删除 -> 插入循环,动画将正常工作,然后再次合并属性。

起初,我认为问题可能在于重用 ViewHolders 并且它们以某种方式具有相同的 itemView 并且仍然附加旧动画。这就是为什么我在每个方法的开头都有 holder.itemView.clearAnimation() 行,但它没有任何效果。

我被难住了。特别是因为底部 2 个左右的 ViewHolders 似乎对这种效果免疫,尽管可能与所有其他人经历了完全相同的过程。无论我滚动到哪里,它总是位于屏幕底部,因此它与位置无关。

我确定我缺少一些东西(也许很多东西),但是,因为这是我第一次广泛使用 ItemAnimator。

任何帮助将不胜感激。

【问题讨论】:

    标签: java android animation android-recyclerview


    【解决方案1】:

    我相信您的所有问题都归结为这样一个事实,即您的 ViewHolder 实例有时会被重复使用,而有时却不会。

    我能够使用您发布的代码创建自己的应用程序并重现您的问题。这是我的虚拟应用程序在单击两次 GO 按钮后的样子:

    这里发生的情况是,前五个ViewHolders 被重新使用和重新绑定,而接下来的五个是从头开始创建并首次绑定的。日志验证了这一点:

    02-10 12:35:13.112  5754  5754 I System.out: binding view holder: 0
    02-10 12:35:13.112  5754  5754 I System.out: binding view holder: 1
    02-10 12:35:13.112  5754  5754 I System.out: binding view holder: 2
    02-10 12:35:13.114  5754  5754 I System.out: binding view holder: 3
    02-10 12:35:13.115  5754  5754 I System.out: binding view holder: 4
    02-10 12:35:13.115  5754  5754 I System.out: creating view holder
    02-10 12:35:13.116  5754  5754 I System.out: binding view holder: 5
    02-10 12:35:13.116  5754  5754 I System.out: creating view holder
    02-10 12:35:13.117  5754  5754 I System.out: binding view holder: 6
    02-10 12:35:13.117  5754  5754 I System.out: creating view holder
    02-10 12:35:13.117  5754  5754 I System.out: binding view holder: 7
    02-10 12:35:13.117  5754  5754 I System.out: creating view holder
    02-10 12:35:13.117  5754  5754 I System.out: binding view holder: 8
    02-10 12:35:13.118  5754  5754 I System.out: creating view holder
    02-10 12:35:13.118  5754  5754 I System.out: binding view holder: 9
    

    因为前五个ViewHolders 已被重复使用,所以它们的alpha 仍设置为0...毕竟,您在“删除”过程中将 alpha 设置为 0,但您从未在任何地方将其设置回 1。因此,只需在您的 onAnimationEnd() 回调中添加“删除”动画即可:

    holder.itemView.setAlpha(1);
    

    另一个问题(重叠的启动延迟)我不太确定。我知道如何修复它,但我有点不清楚为什么修复有效。再一次,似乎系统正在使用旧值...您为“添加”动画设置了启动延迟,但您从未明确为“删除”动画设置启动延迟...所以它选择了旧的“添加”延迟。只需将其添加到“删除”动画上的 animate() 链:

    .setStartDelay(0)
    

    有了这两个,我的虚拟应用程序似乎可以完美运行。

    【讨论】:

    • 这些修复都有效。我有这样的感觉,回收 ViewHolders 是导致它的原因,但由于某种原因,我没有看到修复程序盯着我的脸。谢谢!虽然,startDelay 问题对我来说似乎有点奇怪。如果它使用相同的itemView,为什么clearAnimation 不会消除该延迟?必须是这样,因为延迟和 alpha 值都被结转了。
    • 啊哈。 animate() 的文档说“returns:与此视图关联的 ViewPropertyAnimator”。我猜这意味着在同一个视图上重复调用 animate() 会返回相同的 ViewPropertyAnimator...我猜你每次都会得到一个新的。
    猜你喜欢
    • 1970-01-01
    • 2023-02-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-21
    • 2016-07-07
    相关资源
    最近更新 更多