如何为RecyclerView添加清空动画及解决展开收起动画异常

Hey there! Let's work through this RecyclerView expand/collapse animation issue you're dealing with.

First, let's unpack why your initial approach caused that "flash of full list before animation" problem: RecyclerView's default layout behavior tends to measure and lay out all child views immediately when data changes (especially if you use notifyDataSetChanged()). By the time the animation triggers, all items are already visible, leading to that awkward flicker.

Your alternative approach (adding/removing items + LayoutAnimation) makes sense for a small list (under 5 items, no performance hit), but let's tweak it to fix the wonky item animations. Here are actionable solutions:

1. Ditch notifyDataSetChanged() — Use Item-Specific Notifications #

Instead of refreshing the entire list at once, notify the adapter of exactly which items are being added/removed. This tells RecyclerView to animate those individual items instead of reloading everything.

For example, if you have a base list and an expanded set of items:

// Track your current visible items
private val currentItems = mutableListOf<YourItemModel>()
private val expandedItems = listOf(/* Your extra items */)

// Expand logic: Add items one by one
fun expandList() {
    val startIndex = currentItems.size
    currentItems.addAll(expandedItems)
    expandedItems.forEachIndexed { index, _ ->
        adapter.notifyItemInserted(startIndex + index)
    }
}

// Collapse logic: Remove items one by one
fun collapseList() {
    val endIndex = currentItems.size - 1
    val itemCount = expandedItems.size
    currentItems.removeAll(expandedItems)
    for (i in itemCount downTo 1) {
        adapter.notifyItemRemoved(endIndex - i + 1)
    }
}

2. Customize ItemAnimator for Smooth Expand/Collapse #

Pair the item-specific notifications with a custom ItemAnimator to control exactly how items enter/exit the list. This avoids relying solely on LayoutAnimation and gives you more control.

Here's a simple slide-in/slide-out animator:

class SlideExpandAnimator : DefaultItemAnimator() {
    override fun animateAdd(holder: RecyclerView.ViewHolder): Boolean {
        holder.itemView.apply {
            // Start off-screen and transparent
            translationY = 60f
            alpha = 0f
            animate()
                .translationY(0f)
                .alpha(1f)
                .setDuration(300)
                .setListener(object : AnimatorListenerAdapter() {
                    override fun onAnimationEnd(animation: Animator?) {
                        dispatchAddFinished(holder)
                    }
                })
        }
        return true
    }

    override fun animateRemove(holder: RecyclerView.ViewHolder): Boolean {
        holder.itemView.apply {
            animate()
                .translationY(60f)
                .alpha(0f)
                .setDuration(300)
                .setListener(object : AnimatorListenerAdapter() {
                    override fun onAnimationEnd(animation: Animator?) {
                        dispatchRemoveFinished(holder)
                    }
                })
        }
        return true
    }
}

Attach it to your RecyclerView:

recyclerView.itemAnimator = SlideExpandAnimator()

3. Fix LayoutAnimation for Dynamic Updates #

If you still want to use LayoutAnimation, note that it only runs automatically on the first layout pass. For dynamic expand/collapse, you need to manually trigger it after updating data:

1. Create a layout animation file (res/anim/layout_animation_expand.xml):

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/slide_in_bottom"
    android:animationOrder="normal"
    android:delay="0.1"/>

2. Create the item animation (res/anim/slide_in_bottom.xml):

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300">
    <translate
        android:fromYDelta="50%p"
        android:toYDelta="0"/>
    <alpha
        android:fromAlpha="0"
        android:toAlpha="1"/>
</set>

3. Trigger the animation after updating your list:

fun triggerExpandAnimation() {
    val animController = LayoutAnimationController(
        AnimationUtils.loadAnimation(context, R.anim.slide_in_bottom)
    )
    animController.delay = 0.1f // Stagger items by 100ms
    animController.order = LayoutAnimationController.ORDER_NORMAL
    recyclerView.layoutAnimation = animController
    recyclerView.scheduleLayoutAnimation()
}

Call this right after expandList() or collapseList() to trigger the staggered animation.

Key Takeaways #

• Avoid full list refreshes — they bypass RecyclerView's built-in animation system
• For small lists, adding/removing items one by one is totally performant and creates smooth staggered animations
• Custom ItemAnimators give you fine-grained control over how items enter/exit

内容的提问来源于stack exchange，提问作者Chathuranga Shan