android - 喷气背包中 +(...)% 颜色的表面组成

Question

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

现在我的问题：

如何在 Jetpack Compose 中实现“+x 处的表面”颜色？该对象没有文档，也没有属性MaterialTheme.colorScheme。

Figma 设计套件参考：

Answer 1

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

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

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