主页 / coding / 问题 / 78791351
Accepted
Bob Rasner
Asked: 2024-07-25 11:34:50 +0800 CST

在 Android 中，如何为将项目插入列表添加动画？

  • 772

我开发了一个简单的 Android 应用程序，只需按下按钮即可将新项目插入列表中。新项目会立即弹出，看起来很草率。我尝试过为插入过程添加动画效果，但没有成功。

我尝试这样做的方法是给列表中的每个项目一个布尔值，以确定该项目是否可见。按下按钮时，布尔值设置为 true。

以下是代码：

这是每个列表项的数据类。它包含一个布尔值和一个字符串参数。

data class Item(
    var isVisible: Boolean = false,
    val text: String
)

这是 UI。它由一个列表、一个按钮和一个惰性列组成。按钮将新项目添加到列表中，并将 isVisible 参数设置为 true。列表显示在惰性列中。

Button(
    onClick = {
         items.add(
             Item(isVisible = true, text = "Item ${items.size + 1}")
         )
    }
) {
    Text("Add item")
}

LazyColumn {
    items(items) { item ->
        AnimatedVisibility(visible = item.isVisible) {
            Text(text = item.text)
        }
    }
}

它不起作用。列表项仍然会立即弹出。

animation

1 个回答

  1. Best Answer

    Jetpack Compose 引入了animateItemModifier，它将为项目的插入、删除和重新排序提供动画效果。

    您可以按如下方式使用它：

    LazyColumn {
    items(
        items,
        key = { it }  // provide key for correct animations
    ) { item ->
        Text(
            modifier = Modifier.animateItem(),  // apply Modifier
            text = item.text
        )
    }
}

    请注意，您需要指定函数key的参数items来为每个动画分配一个唯一的标识符，Item以实现正确的动画。在上面的代码中，我们只是将整个数据类作为键。然后您需要确保每个数据类都有一个唯一的text值。

    您至少需要 Jetpack Compose1.7.0-beta06才能使用animateItem，或者按如下方式指定基础依赖版本：

    implementation "androidx.compose.foundation:foundation:1.7.0-beta06"
    • 1

相关问题