首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >RecyclerView ItemAnimator 'remove‘动画与'add’动画合并

RecyclerView ItemAnimator 'remove‘动画与'add’动画合并
EN

Stack Overflow用户
提问于 2018-02-10 16:49:54
回答 1查看 1.2K关注 0票数 1

目前正在通过一个RecyclerView实现一个“百科全书”,我可以对其进行排序、过滤、搜索等。从功能上讲,我的功能很好,所以我开始学习动画。我只想在数据集被更改时才需要动画,而不是滚动或触摸事件等等,所以我只是使用ItemAnimator。

好的,我的RecyclerView可以被排序、过滤或搜索的许多方式实际上或字面上导致了整个数据集被替换。我认为这将是最容易动画的情况,因为在本例中,我只需调用notifyDataSetRemoved(0, oldItemCount),然后调用notifyDataSetInserted(0, newItemCount),在修改的每一项上分别调用animateRemove()animateAdd()。事情就是这样的!从一个非常简单的意义上讲,我想它是有效的。但碰巧它只正常工作了一次一次

以下是删除动画(当前):

代码语言:javascript
复制
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;
}

以及添加动画(当前):

代码语言:javascript
复制
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;
}

还有一个调用它的代码的示例:

代码语言:javascript
复制
public void filterDataSetExample() {
    int oldItemCount = getItemCount();

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

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

当我第一次执行调用这个序列的操作时,remove动画播放得很顺利,然后是add动画。当我第二次尝试这样做的时候,问题就来了。

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

  • 删除动画从add动画中提取延迟(基本+交错)。这意味着动画基本上是在同一时间播放,这已经够糟糕的了。
  • add动画从remove动画中提取alpha移位,但仅用于屏幕顶部75%左右的ViewHolders。底部2-3仍然是可见的很好。但总的来说,这意味着我的ViewHolders的70%-80%是看不见的,在我的整个列表中(因为它们被回收)。一开始我以为它们完全消失了,但如果我将α位移改变为非0值,比如0.25f,我可以看到那里的持卡人是透明的。
  • 在这两件事之上--如果我完全重新填充RecyclerView并简单地调用notifyDataSetChanged(),我目前还没有为其设置动画--一些不可见的ViewHolders将逐渐重新变得可见(每次2-3次,直到它们都恢复到正常可见度为止)。
  • 然后,如果我调用notifyDataSetChanged()足够多的时间让整个堆栈再次可见,我就回到了我开始的地方!动画对1删除->插入循环很好,然后再次合并属性。

一开始,我想问题可能是重用ViewHolders,他们有相同的itemView,而旧的动画还在附加。这就是为什么我在每个方法的开头都有holder.itemView.clearAnimation()行的原因,但是它对效果没有任何影响。

我很困惑。特别是由于底部2左右的ViewHolders似乎是免疫的效果,尽管可能经历了完全相同的过程与所有其他。它总是在屏幕的底部,不管我被滚动到哪里,所以它与位置无关。

不过,我确信我遗漏了一些东西(也许很多东西),因为这是我第一次广泛使用ItemAnimator。

任何帮助都将不胜感激。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-10 17:42:38

我相信,您的所有问题都归结于这样一个事实:有时您的ViewHolder实例被重用,有时它们没有被重用。

我能够使用您发布的代码创建自己的应用程序,并复制您的问题。以下是我的虚拟应用程序在点击两下“围棋”按钮后的样子:

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

代码语言:javascript
复制
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

由于前五个ViewHolder已被重用,它们的alpha仍被设置为0.毕竟,在“删除”过程中,您将alpha动画为0,但从未将其设置为1。因此,只需在“删除”动画的onAnimationEnd()回调中添加以下内容:

代码语言:javascript
复制
holder.itemView.setAlpha(1);

另一个问题(重叠的启动延迟)我不太确定。我知道如何修复它,但我有点不清楚为什么修复工作。又一次,这个系统似乎正在恢复旧的价值观.您为“添加”动画设置了启动延迟,但从未为“删除”动画显式设置启动延迟.因此,它选择了旧的“添加”延迟。只需将其添加到“删除”动画中的animate()链中即可:

代码语言:javascript
复制
.setStartDelay(0)

在这两种情况下,我的虚拟应用程序似乎工作得很完美。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48723171

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档