喷气背包中 +(...)% colors 的表面组成

Question

在 Material Design 3 官方资源（例如 Figma 设计工具包）中，有很多提到 colors 被称为“Surface at +x”。 这些 colors 是表面颜色混合了 x% 的原色。

现在我的问题：

如何在 Jetpack Compose 中实现“Surface at +x”colors？ MaterialTheme.colorScheme object 上没有文档和属性。

Figma 设计套件参考：

Answer 1

如果有人需要在非撰写代码中获取它，请使用SurfaceColors 枚举：

int colorSurface1 = SurfaceColors.SURFACE_2.getColor(context);

文档可以在这里找到

Answer 2

2022 年 9 月更新

使用材料 3，如果由于某种原因您需要提升颜色表面但不能使用Surface ，现在您可以直接使用：

MaterialTheme.colorScheme.surfaceColorAtElevation(4.dp)

Answer 3

Surface 默认使用MaterialTheme.colorScheme.surface ，它们还有一个新的tonalElevation属性，您可以在此处阅读。

它的要点是增加色调高度会自动改变颜色，你自己试试吧：

Surface(tonalElevation = 5.dp) {
    // content
}