AndroidJetpackCompose动画后文本颜色发生变化
创始人
2024-10-08 10:31:24
0

可以使用Transition API来完成动画,并且在Transition中设置对应的属性动画进行改变,不需要通过触发状态变化来达到效果。

例如,在一个静态文本组件里嵌套一个可动态改变颜色的文本组件,可以先设置好初始颜色:

@Composable
fun MyText(color: Color) {
    Text(
        text = "Hello, world!",
        color = color,
        style = MaterialTheme.typography.h4
    )
}

然后,利用Transition实现颜色渐变的动画:

@Composable
fun MyTextWithAnimation(color: Color) {
    var state by remember { mutableStateOf(false) }

    Transition(
        definition = myDefinition,
        toState = state
    ) {
        MyText(color = it[myKey])   // 使用Transition更新颜色
    }

    // 按钮按下后开启动画
    Button(
        onClick = {state = !state},
        colors = ButtonDefaults.buttonColors(backgroundColor = MaterialTheme.colors.primary)
    ) {
        Text(text = "Click me!")
    }
}

val myKey = Any()
val myDefinition = transitionDefinition {
    state(true) { this[myKey] = MaterialTheme.colors.primaryVariant }
    state(false) { this[myKey] = MaterialTheme.colors.secondary }
    transition(fromState = false, toState = true) {
        myKey using tween(durationMillis = 1000)
    }
    transition(fromState = true, toState = false) {
        myKey using tween(durationMillis = 1000)
    }
}

在上述示例中,MyTextWithAnimation是一个可包含动画的组件,在其中定义了一个布尔型状态state以及一个新的TransitionmyDefinition。当状态变化时,Transition会根据myKey(在本例中是一个Any类型的对象)所对应的颜色值进行修改,并且使用TweenInterpolator在durationMillis的时间内将文本

相关内容

热门资讯

透视了解!pokemmo脚本辅... 透视了解!pokemmo脚本辅助器下载,wepoker轻量版辅助,秘籍教程(都是存在有挂)-哔哩哔哩...
透视了解!wepoker免费透... 透视了解!wepoker免费透视脚本,德普之星辅助器app,方式教程(切实是真的挂)-哔哩哔哩暗藏猫...
透视规律!拱趴大菠萝机器人,x... 透视规律!拱趴大菠萝机器人,xpoker怎么辅助,技法教程(好像存在有挂)-哔哩哔哩1、拱趴大菠萝机...
透视了解!wepoker透视功... 透视了解!wepoker透视功能下载,淘宝买wepoker透视有用吗,办法教程(切实真的是有挂)-哔...
透视黑科技!德普之星怎么设置埋... 透视黑科技!德普之星怎么设置埋牌,we-poker靠谱吗,模板教程(竟然真的有挂)-哔哩哔哩1、德普...
透视挂透视!epoker底牌透... 透视挂透视!epoker底牌透视,aapoker怎么提高中牌率,方案教程(其实真的是有挂)-哔哩哔哩...
透视好友!we-poker辅助... 透视好友!we-poker辅助器,wpk辅助哪里买,讲义教程(本来是真的挂)-哔哩哔哩1、起透看视 ...
透视好友房!德普之星的辅助工具... 透视好友房!德普之星的辅助工具介绍,wepoker辅助分析器,大纲教程(果然有挂)-哔哩哔哩1、德普...
透视透视!wepoker手机插... 透视透视!wepoker手机插件,wepoker辅助是真的吗,指引教程(原来真的是有挂)-哔哩哔哩1...
透视智能ai!we poker... 透视智能ai!we poker辅助器,wepoker怎么看底牌,举措教程(本来真的是有挂)-哔哩哔哩...