如何在AndroidJetpackCompose的MaterialTheme中添加额外的颜色？

html5 • • 问答

Android Jetpack Compose Colors类包含一组可以实现材质主题应用程序的颜色类型。如果我的应用主题需要一些额外的颜色类型，我如何添加这些额外的颜色，以便它们可以通过MaterialTheme对象使用？

回答

Valeriy Katkov 的答案只是一个小小的改变

在android studio的某些版本中，下面的代码不起作用

@Composable
val Colors.myExtraColor: Color
    get() = if (isLight) Color.Red else Color.Green

@Composable
fun ExtraColorExample() {
    Text(
        text = "test",
        color = MaterialTheme.colors.myExtraColor // <-- the newly added color
    )
}

它会显示错误

此注释不适用于目标“没有支持字段或委托的顶级属性”

要解决这个问题，要么像这样写

@get:Composable
val Colors.myExtraColor: Color
    get() = if (isLight) Color.Red else Color.Green

或者

val Colors.myExtraColor: Color
    @Composable
    get() = if (isLight) Color.Red else Color.Green

我发现这个错误的版本

Android Studio Arctic Fox | 2020.3.1 Canary 12
Build #AI-203.7148.57.2031.7226969, built on March 23, 2021
Runtime version: 11.0.8+10-b944.6842174 amd64
VM: OpenJDK 64-Bit Server VM by N/A
Windows 10 10.0

回答

基本上有两种方法：

天真的方法是只创建扩展属性来对颜色进行硬编码。如果您不想支持多个主题或明/暗模式，这很好用。

如果你想将你的颜色正确地融入主题，你可以阅读我关于它的文章，因为在这里内嵌有点长：https : //gustav-karlsson.medium.com/extending-the-jetpack-compose-material -theme-with-more-colors-e1b849390d50

但简而言之，步骤是：

  • 创建您自己的MyColors类，该类包含对Colors新颜色的引用。
  • 创建一个CompositionLocal包含MyColor实例的 。
  • 创建主题，并包裹MaterialTheme在CompositionLocalProvider其中CompositionLocal提供MyColors。确保还指定Colors从实例MyColors到MaterialTheme。
  • 创建一个扩展属性上MaterialTheme是指CompositionLocal持有MyColors。这就是您引用新颜色的方式。

这将允许您为主题引入新颜色，这些颜色将随着主题更改而动态更新。

以上是如何在AndroidJetpackCompose的MaterialTheme中添加额外的颜色？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>