Material-Design的调色板如何使用，如何计算和选择？

Question

我对指南有一些疑问：

1. 一方面，他们说 (here) 500 是为工具栏选择的：

   工具栏和较大的色块应使用 500 色 应用的原色。

   另一方面，他们通过在同一页面上滚动显示了一个示例 (here) ，显示操作栏的颜色为 300，在这 2 个图像中：

   • http://material-design.storage.googleapis.com/publish/material_v_3/material_ext_publish/0Bx4BSt6jniD7OU9YTFNJakVobVU/style_color_themes_light1.png
   • http://material-design.storage.googleapis.com/publish/material_v_3/material_ext_publish/0B6Okdz75tqQsZ2hMLXNYWld2d3c/style_color_themes_light2.png

   然而我们知道“colorPrimary”用于actionBar，如here所写。

   什么是正确的？

2. 我不明白颜色是如何计算的。为什么在50到900之间？我只注意到颜色越深，价值越高。

   是否有任何公式可以在值之间进行转换？

3. 我找不到许多颜色类型的指南（即为每种类型选择调色板的哪种颜色）。只有那些 actionBar（“colorPrimary”，应该是 500 或 300）和 statusBar（“colorPrimaryDark”，应该是 600）。其他人呢？例如，那些：

   • colorAccent（主题 UI 控件，如复选框和文本字段）
   • windowBackground ，根据我在 #1 上显示的图像，可能是 200。
   • colorControlNormal、colorControlHighlight、colorControlActivated
   • textColorPrimary、textColorSecondary、textColorTertiary
   • actionMenuTextColor, actionModeBackground

   也许还有其他我错过了。

Answer 1

看一下，在右上角，有一个十六进制数字（类似于#FFFFFF），这是显示的真实颜色。

如果您愿意，请查看该页面http://www.materialpalette.com/，您可以在其中为您的应用选择所需的颜色。将其放入名为“colors.xml”的 res 文件中

在此之后，您必须使用您的颜色修改样式

<resources>
  <!-- inherit from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- Main theme colors -->
    <!--   your app branding color for the app bar -->
    <item name="android:colorPrimary">@color/primary</item>
    <!--   darker variant for the status bar and contextual app bars -->
    <item name="android:colorPrimaryDark">@color/primary_dark</item>
    <!--   theme UI controls like checkboxes and text fields -->
    <item name="android:colorAccent">@color/accent</item>
  </style>
</resources>