颜色 | ) | ||
---|---|---|---|
primary | The primary color is the color displayed most frequently across your app’s screens and components. | 主色是在应用程序的屏幕和组件中最常显示的颜色。 | 在整个应用程序的各个屏幕以及众多组件当中,出现频率最高、最常被用来展示的那种颜色,主导整体视觉风格的基础色调。 |
onPrimary | Color used for text and icons displayed on top of the primary color. | 用于显示在主色之上的文本和图标的颜色。 | 是在主色作为底层颜色的基础上,用于呈现位于其上方的文本、图标等元素的颜色,确保视觉上的清晰展现。 |
primaryContainer | The preferred tonal color of containers. | 容器首选的色调颜色。 | 是在各种容器元素上,比较优先被考虑选用的那种色调颜色,使容器在视觉上达到某种预期的效果。 |
onPrimaryContainer | The color (and state variants) that should be used for content on top of primaryContainer. | 应用于主色容器之上内容(以及状态变体)的颜色。 | 针对主色容器这个特定的区域,放置在其上方的内容所适宜采用的颜色,同时会因不同状态而有颜色的变化。 |
inversePrimary | Color to be used as a "primary" color in places where the inverse color scheme is needed, such as the button on a SnackBar. | 在需要反色配色方案的地方(如小吃栏上的按钮)用作 “主色” 的颜色。 | 在那些需要运用反色配色方案的场景中,比如小吃栏的按钮处,会将其当作主色来使用,主导该部分的视觉呈现。 |
secondary | The secondary color provides more ways to accent and distinguish your product. | 辅色提供了更多突出和区分产品的方式。 | 这种颜色能够辅助主色,从更多角度、以更多样的形式来突出产品的特点、对产品进行差异化呈现。 |
onSecondary | Color used for text and icons displayed on top of the secondary color. | 用于显示在辅色之上的文本和图标的颜色。 | 当以辅色作为底层色彩时,用来显示在其上面的文本、图标等元素的颜色,让内容在该底色上清晰呈现。 |
secondaryContainer | A tonal color to be used in containers. | 用于容器的一种色调颜色。 | 就是可运用在容器元素上的一种具有特定色调的颜色,用于容器的视觉呈现方面。 |
onSecondaryContainer | The color (and state variants) that should be used for content on top of secondaryContainer. | 应用于辅色容器之上内容(以及状态 variants)的颜色。 | 对于辅色容器之上的内容,需要采用的颜色,且会根据不同状态呈现出不同的颜色变体,以适配不同情况。 |
tertiary | The tertiary color that can be used to balance primary and secondary colors, or bring heightened attention to an element such as an input field. | 可用于平衡主色和辅色,或用于让某个元素(如输入字段)更受关注的第三色。 | 其作用一方面可以协调主色和辅色之间的视觉关系,另一方面也能让像输入字段这类特定元素更加醒目,吸引更多关注。 |
onTertiary | Color used for text and icons displayed on top of the tertiary color. | 用于显示在第三色之上的文本和图标的颜色。 | 当以第三色作为底层颜色时,用于呈现位于其上方的文本、图标等元素的颜色,保障内容视觉上的清晰展现。 |
tertiaryContainer | A tonal color to be used in containers. | 用于容器的一种色调颜色。 | 是能够运用在容器上,具备特定色调的一种颜色,用于容器的视觉设计方面。 |
onTertiaryContainer | The color (and state variants) that should be used for content on top of tertiaryContainer. | 应用于第三色容器之上内容(以及状态 variants)的颜色。 | 在第三色容器这个特定区域之上放置内容时所应采用的颜色,而且会依据不同状态出现相应的颜色变化情况。 |
background | The background color that appears behind scrollable content. | 出现在可滚动内容背后的背景颜色。 | 指的是当存在可滚动内容时,其后方所呈现出来的背景颜色,用于界定内容所处的背景视觉区域。 |
onBackground | Color used for text and icons displayed on top of the background color. | 用于显示在背景色之上的文本和图标的颜色。 | 就是在已经设定好的背景颜色之上,用来呈现文本以及图标等元素的颜色,使其能清晰被看到。 |
surface | The surface color that affect surfaces of components, such as cards, sheets, and menus. | 影响组件表面(如卡片、面板和菜单)的表面颜色。 | 是那种会对像卡片、面板、菜单等组件的表面外观产生影响的颜色,决定这些组件表面视觉呈现效果。 |
onSurface | Color used for text and icons displayed on top of the surface color. | 用于显示在表面色之上的文本和图标的颜色。 | 在物体表面颜色之上,用于展示文本、图标等元素的颜色,使得这些元素能在该表面背景下凸显出来。 |
surfaceVariant | Another option for a color with similar uses of surface. | 具有与表面色类似用途的另一种颜色选项。 | 是一种和表面色有着类似使用场景、发挥类似功能的颜色,可作为另一种替代选择。 |
onSurfaceVariant | The color (and state variants) that can be used for content on top of surface. | 可用于表面之上内容(以及状态 variants)的颜色。 | 是可以运用在物体表面之上展示内容时的颜色,并且会根据内容所处的不同状态产生相应的颜色变化情况。 |
surfaceTint | This color will be used by components that apply tonal elevation and is applied on top of surface. | 此颜色将由应用色调抬升效果的组件使用,并应用在表面色之上。 | 是会被那些具备色调抬升这类视觉效果应用的组件所采用的颜色,并且是叠加在常规表面色之上呈现的。 |
inverseSurface | A color that contrasts sharply with surface. | 一种与表面色形成鲜明对比的颜色。 | 和常规的表面颜色放在一起时,能产生很强烈、明显的视觉反差效果,便于突出区分。 |
inverseOnSurface | A color that contrasts well with inverseSurface. | 一种与反色表面形成良好对比的颜色。 | 该颜色与反色表面搭配在一起时,能够产生比较协调、明显区分的视觉对比效果。 |
error | The error color is used to indicate errors in components, such as invalid text in a text field. | 错误色用于指示组件中的错误,例如文本字段中的无效文本。 | 是专门用来提示组件出现错误情况的颜色,像文本框里输入了不符合要求的无效文本时,就会用此颜色凸显错误状态。 |
onError | Color used for text and icons displayed on top of the error color. | 用于显示在错误色之上的文本和图标的颜色。 | 当错误色作为底色时,此颜色用于展示处在错误色上面的文本和图标内容,保证可读性和辨识度。 |
errorContainer | The preferred tonal color of error containers. | 错误容器首选的色调颜色。 | 是在用于承载错误相关内容的容器上,比较优先被选用的那种色调颜色,使其在视觉上能和错误相关元素适配。 |
onErrorContainer | The color (and state variants) that should be used for content on top of errorContainer. | 应用于错误容器之上内容(以及状态 variants)的颜色。 | 在错误容器这个特定区域之上展示内容时所应采用的颜色,并且会根据不同状态有相应的颜色变化情况。 |
border | Subtle color used for boundaries. | 用于边界的柔和颜色。 | 是那种用于体现边界部分,比较淡雅、不突兀的颜色,起到区分不同区域等作用。 |
borderVariant | Utility color used for boundaries for decorative elements when strong contrast is not required. | 在不需要强烈对比时,用于装饰性元素边界的实用颜色。 | 在装饰性元素周边起边界划分作用的颜色,当不需要形成很强烈的视觉反差时使用,注重实用性与装饰性的平衡。 |
scrim | Color of a scrim that obscures content. | 用于遮挡内容的遮罩的颜色。 | 是那种应用在遮罩上的颜色,其目的在于对部分内容起到遮挡、隐藏等视觉效果。 |
Compose Material 主题颜色解释 ColorScheme
最新推荐文章于 2025-02-17 14:04:09 发布