Compose_23--动画之animateContentSize和Crossfade

最新推荐文章于 2023-12-15 17:29:32 发布

放弃了放弃

最新推荐文章于 2023-12-15 17:29:32 发布

阅读量703

点赞数 1

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

本文链接：https://blog.csdn.net/weixin_42404361/article/details/124555305

版权

本文介绍了Android Compose中animateContentSize修饰符如何为大小变化添加动画，包括如何自定义动画类型和监听动画结束。同时，详细讲解了Crossfade函数如何实现两个布局之间的淡入淡出动画，包括其参数的使用方法。

摘要由CSDN通过智能技术生成

一、animateContentSize修饰符可为大小变化添加动画效果

如果想为容器大小变化添加动画和使用该修饰符，用法如下：

 modifier = Modifier.animateContentSize()

当然了，如果想修改动画类型和处理动画结束监听事件，我们可以为其指定animationSpce和finishedListener，finishedListener回调有initialValue（动画开始前的初始值）和targetValue（动画结束后的目标值）两个参数。下面写个简单的例子：

@Composable
fun compose_animateContentSize(){
    var message by remember { mutableStateOf("Hello") }

    Column() {
        Button(onClick = { message += message}) {
            Text("change")
        }

        Box(
            modifier = Modifier
                .background(Color.Blue)
                .animateContentSize(
                    animationSpec = tween(),
                    finishedListener = { initialValue, targetValue  ->
                        Log.e("animateContentSize","初始值："+initialValue.