材料设计图标颜色

Posted 2023-02-22

【中文标题】材料设计图标颜色

【英文标题】：Material Design icon colors

【发布时间】：2015-08-13 05:02:39

【问题描述】：

“深色”材质图标应该是哪种颜色？

在官方文档（底部https://www.google.com/design/spec/style/icons.html#icons-system-icons）上是54%黑色（灰色），但所有下载的素材图标都是白色或100%黑色。

在新的官方网站https://www.google.com/design/icons/你可以下载白色或黑色，但不能下载“灰色”！

所以我必须为自己的所有下载图标设置 54% 吗？ 还是我错过了什么？

【问题讨论】：

通常我自己做，所以我可以处理按下图标的 87% 透明度和禁用图标的 26%。如果我不需要更改透明度，我会使用这个网站：materialdesignicons.com，其中有一个“灰色”选项。

谢谢我有时也用它。但是官方网站上有很多图标，我想知道为什么官方设计指南中没有 54% 黑色（灰色）图标。你怎么做的透明度？我不是设计师，很抱歉这个愚蠢的问题:-)

【参考方案1】：

我可以通过三种方式处理不透明度：

a) 一个简单的，我下载它们（如果我需要灰色选项，请在 materialdesignicons.com 上）并使用它们，因为我不需要以任何方式更改任何内容。如果我没有找到我需要的那个，我下载黑色（白色）的那个并将它转换成它的 54% 不透明度版本（在 gimp/photoshop 上这是一个 30 秒的工作）。

b）如果我只需要“正常”和“按下”状态，我下载黑色（白色）一个，创建两个版本，自然为 54%，按下为 87%，然后我创建一个可绘制文件将它们结合起来（你也可以处理焦点）：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true"
            android:drawable="@mipmap/settings_pressed" /> <!-- pressed -->
        <item android:state_focused="true"
            android:drawable="@mipmap/settings" /> <!-- focused -->
        <item android:drawable="@mipmap/settings" /> <!-- default -->
</selector>

c) 如果我需要在我的代码中经常更改图标的不透明度，我会以编程方式进行：

ImageButton mButton = (ImageButton) findViewById(R.id.button);
final Drawable buttonIcon = context.getResources().getDrawable(R.mipmap.your_icon);
buttonIcon.setAlpha(138); //this is the value of opacity 1~255
mButton.setBackground(buttonIcon);

请注意，您可以将方法 b) 和 c) 结合起来，因此您不必以编程方式控制不透明度的紧迫变化，但仍然可以根据需要更改其整体值。

【讨论】：

其实你要buttonIcon.setImageAlpha(138);。

【参考方案2】：

我来不及回复，但我还是会回答这个问题，因为它可能会为一些开发人员节省大量时间。作为一名开发人员，我自己在创建不同颜色的图标时遇到了很多困难，而且由于我不是设计师，这真的很难。经过大量搜索，我在 Android Studio 中找到了这个名为 Android Material Icon Generator 的插件。它创建所有颜色的所有材质图标，具有各种尺寸和不透明度因素。这对于我们这些不擅长设计的开发者来说是一个很大的帮助。也不需要单独下载图标，这个插件就够了。

【讨论】：

我充分利用了生成器 (github.com/winterDroid/…)。但是，如果您使用 2.0 材料设计图标，您将获得黑色和白色作为材料图标的唯一选项。 1.0.2b 版本的素材图标（github.com/google/material-design-icons/releases）还包括了一个 gray600 选项。

抱歉这个愚蠢的问题，但是在我安装了这个插件之后，我在 Android Studio UI 中找不到它的任何踪迹 :) 你能告诉我在哪里可以找到它吗？跨度>

【参考方案3】：

在Android Asset Studio 中有一个Generic Icon Generator，其中包含所有材质图标，您可以选择所需的颜色。