Compose_22--动画之AnimatedContent

最新推荐文章于 2025-03-25 00:11:09 发布

放弃了放弃

最新推荐文章于 2025-03-25 00:11:09 发布

阅读量804

点赞数

分类专栏： Android-compose 文章标签： android 动画

本文链接：https://blog.youkuaiyun.com/weixin_42404361/article/details/123318840

版权

本文介绍了如何利用AnimatedContent在Android应用中为内容变化添加动画效果。默认动画是淡入淡出，但可以通过ContentTransform自定义动画，包括EnterTransition和ExitTransition。此外，还提到了slideIntoContainer和slideOutOfContainer方法，以及SizeTransform如何添加大小动画，并控制内容在动画期间的裁剪行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AnimatedContent可组合项在内容根据目标状态发生变化时，添加内容动画的效果。

@ExperimentalAnimationApi
@Composable
fun compose_22() {
    var count by remember {
        mutableStateOf(0)
    }
    Box(modifier = Modifier.width(100.dp)
        .height(100.dp).
        clickable { count++ }
        .background(Color.Blue),
    contentAlignment = Alignment.Center) {
        AnimatedContent(targetState = count) { targetCount ->
            // 这里必须使用targetCount，而不是count
            // API会将此值用作键来表示当前显示的内容
            Text(text = "Count: $targetCount", color = Color.White)
        }
    }
}

默认情况下，初始内容淡出，目标内容淡入，但是我们可以通过transitionSpec参数来指定ContentTransform对象来实现自定义动画，使用with函数组合EnterTransitio