材料设计图标颜色

Question

哪种颜色应该是"黑暗"材质图标？

在官方文档(底部是https://www.google.com/design/spec/style/icons.html#icons-system-icons),它是54%黑色(灰色),但所有材料图标的下载是白色或100%黑色.

另外在新的官方网站https://www.google.com/design/icons/您可以下载白色或黑色,但不能下载"灰色"!

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

Answer 1

我来不及回复,但不过我会回答这个问题,因为它可能会为一些开发人员节省大量时间.在创建不同颜色的图标时,我自己也是一名开发人员,但由于我不是设计师,所以我真的很难.经过大量搜索后,我在Android Studio中发现了一个名为Android Material Icon Generator的插件.它以各种尺寸和不透明度因子创建所有颜色的所有材质图标.对于不擅长设计的开发人员来说,这是一个很好的帮助.也不需要单独下载图标,这个插件就足够了.

Answer 2

在Android Asset Studio中,有一个带有所有材质图标的通用图标生成器,您可以选择所需的颜色.

Answer 3

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

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)，因此您不必以编程方式控制不透明度的紧迫变化，但仍然能够根据需要更改其总体值。