如何在 Android Jetpack Compose 中更改特定应用变体的颜色？

Question

我习惯于在特定应用程序变体中覆盖 XML 资源的值，但在 jetpack compose 中我不能再这样做了，所以我想知道在完全不使用任何 XML 的情况下，哪个是新库的好方法。

我的主题位于一个模块中，该模块对应用程序变体一无所知，我希望它保持不变。这意味着我无法为每个变体创建 AppVariantColors 类，因为我无法引用它。

我应该将调色板传递给可组合的主题吗？

编辑：我现在正在做的事情如下：

首先我定义了一个带有一组颜色变体的调色板类，然后我将在实际变体中使用：

enum class AppColorPalette {
    DARK_BLUE,
    DARK_RED,
    LIGHT_BLUE,
    LIGHT_RED
}

然后我通过调色板创建一个应用程序主题

@Composable
fun AppTheme(
    dims: AppDims = appDims(),
    palette: AppColorPalette = AppColorPalette.DARK_BLUE,
    colors: AppColors = appColors(colorPalette = palette),
    typography: AppTypography = appTypography(colors, dims),
    shapes: AppShapes = appShapes(),
    content: @Composable () -> Unit,
) {
    CompositionLocalProvider(
        LocalAppColors provides colors,
        LocalAppDims provides dims,
        LocalAppShapes provides shapes,
        LocalAppTypography provides typography,
    ) {
        MaterialTheme(
            colors = colors.materialColors,
            typography = typography.materialTypography,
            shapes = shapes.materialShapes,
            content = content,
        )
    }
}

最后我创建了基于调色板可组合的应用颜色

@Composable
fun appColors(colorPalette: AppColorPalette): AppColors = when (colorPalette) {
    AppColorPalette.DARK_BLUE -> darkAppColorsBlueVariant
    ...
}

颜色的定义如下：

private val darkAppColorsBlueVariant = darkAppColors.copy(
    highEmphasis = AppColorsPalette.WhiteA100,
    midEmphasis = AppColorsPalette.WhiteA50,
    materialColors = darkColors(
        primary = AppColorsPalette.DarkGrey900,
    )
)

基本上这样做我可以使用 BuildConfig 方法，只需根据主题选择颜色变体

Answer 1

一种方法是通过build.gradle（应用程序）文件中的BuildConfig 字段。

首先定义你的口味：

android {
  // other stuff
  flavorDimensions "base"
  productFlavors {
    cocacola {
      dimension "base"
      // cocacola is red :)
      buildConfigField "int", "accentColor", "0xFF0000"
    }
    pepsi {
      dimension "base"
      // pepsi is blue
      buildConfigField "int", "accentColor", "0x00FF00"
    }

  }
}

这将自动生成一个您可以通过 Kotlin 访问的 BuildConfig.java：

public final class BulildConfig {
  public static final int accentColor = 0xFF000; // depending on the flavor built
}

然后您可以从定义材质主题的位置引用此静态值，类似于@Philip Dukov 建议的方式

private val AppPalette = lightColors(
    accent = Color(BuildConfig.accentColor)
)

MaterialTheme(
    colors = AppPalette,
    typography = …,
    shapes = …,
    content = …
)

Answer 2

您可以使用相同的方法。
只需在 build.gradle 文件中配置您的构建变体或产品风格，然后在您的模块中定义 MaterialTheme 对象（例如使用不同模块中的 Themes.kt 文件）：

MaterialTheme(
    colors = …,
    typography = …,
    shapes = …
) {
    // app content
}

或者使用更新后的问题中描述的方法，使用单个 MaterialTheme 对象，该对象在单个变体中定义了不同的颜色。