如何在Android Jetpack Compose中为材质添加额外颜色?
Android Jetpack Compose类包含一组颜色类型,材质主题的应用程序可以使用这些颜色类型来实现。如果我的应用程序主题需要一些额外的颜色类型,我如何添加这些额外的颜色,以便它们可以通过对象使用?扩展颜色类 您可以轻松地将添加到颜色类,以便通过应用程序中的任何颜色对象都可以使用 @组合的 val Colors.myExtraColor:颜色 get=if isLight Color.Red else Color.Green @组合的 有趣的课外活动{ 文本 文本=测试, color=MaterialTheme.colors.myExtraColor//扩展颜色类 您可以轻松地将添加到颜色类,以便通过应用程序中的任何颜色对象都可以使用 @组合的 val Colors.myExtraColor:颜色 get=if isLight Color.Red else Color.Green @组合的 有趣的课外活动{ 文本 文本=测试,如何在Android Jetpack Compose中为材质添加额外颜色?,android,android-jetpack,android-jetpack-compose,Android,Android Jetpack,Android Jetpack Compose,Android Jetpack Compose类包含一组颜色类型,材质主题的应用程序可以使用这些颜色类型来实现。如果我的应用程序主题需要一些额外的颜色类型,我如何添加这些额外的颜色,以便它们可以通过对象使用?扩展颜色类 您可以轻松地将添加到颜色类,以便通过应用程序中的任何颜色对象都可以使用 @组合的 val Colors.myExtraColor:颜色 get=if isLight Color.Red else Color.Green @组合的 有趣的课外活动{ 文本 文本=测试, color=
color=MaterialTheme.colors.myExtraColor/基本上有两种方法: 最简单的方法是创建扩展属性来硬编码颜色。如果你不想支持多个主题或明/暗模式,这就行了 如果你想将你的颜色恰当地融入主题,你可以阅读我关于它的文章,因为这里的内联有点长: 但简而言之,这些步骤是: 创建自己的MyColors类,该类包含对颜色以及新颜色的引用。 创建包含MyColor实例的CompositionLocal。 创建主题并将材质主题包装在CompositionLocal提供MyColors的CompositionLocal提供程序中。确保还将MyColors中的颜色实例指定给材质主题。 在MaterialTheme上创建一个扩展属性,该属性引用包含MyColors的CompositionLocal。这就是您引用新颜色的方式。
这将允许您为主题引入新的颜色,并随着主题的变化而动态更新。基本上有两种方法: 最简单的方法是创建扩展属性来硬编码颜色。如果你不想支持多个主题或明/暗模式,这就行了 如果你想将你的颜色恰当地融入主题,你可以阅读我关于它的文章,因为这里的内联有点长: 但简而言之,这些步骤是: 创建自己的MyColors类,该类包含对颜色以及新颜色的引用。 创建包含MyColor实例的CompositionLocal。 创建主题并将材质主题包装在CompositionLocal提供MyColors的CompositionLocal提供程序中。确保还将MyColors中的颜色实例指定给材质主题。 在MaterialTheme上创建一个扩展属性,该属性引用包含MyColors的CompositionLocal。这就是您引用新颜色的方式。
这将允许您为主题引入新的颜色,并随着主题的变化而动态更新。对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
)
}
或
我在中发现此错误的版本
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
瓦莱里·卡特科夫的回答有一点变化 在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
)
}
或
我在中发现此错误的版本
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