Composable动画系列08:LazyColumn 重排序动画

最新推荐文章于 2024-10-08 18:44:37 发布

hehui0921

最新推荐文章于 2024-10-08 18:44:37 发布

阅读量263

点赞数 3

分类专栏： compose 文章标签： windows linux 服务器

本文链接：https://blog.csdn.net/oHeHui1/article/details/141934827

版权

compose 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

    @OptIn(ExperimentalFoundationApi::class)
    @Composable
    fun AnimatedItemReordering() {
        val items = remember { (1..100).map { "Item $it" }.toMutableStateList() }
        LazyColumn {
            item{
                Text("List重排序")
            }

            itemsIndexed(items, key = { _, item -> item }) { index, item ->
                Row(
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(16.dp)
                        .animateItemPlacement()
                ) {
                    Text(text = item)
                    Spacer(modifier = Modifier.weight(1f))
                    Button(onClick = {
                        if (index > 0) {
                            items.removeAt(index)
                            items.add(index - 1, item)
                        }
                    }) {
                        Text("Up")
                    }
                    Button(onClick = {
                        if (index < items.size - 1) {
                            items.removeAt(index)
                            items.add(index + 1, item)
                        }
                    }) {
                        Text("Down")
                    }
                }
            }
        }
    }