材料设计图标颜色

时间:2015-05-30 09:49:57

标签: android icons material-design android-icons

哪种颜色应该是" dark"材料图标

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

enter image description here

同样在新官方网站https://www.google.com/design/icons/上,您可以下载白色或黑色,但不能下载#34;灰色&#34;!

所以我必须为自己设置54%的所有下载图标? 或者我错过了什么?

3 个答案:

答案 0 :(得分:35)

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

答案 1 :(得分:16)

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

答案 2 :(得分:4)

我有三种处理不透明度的方法:

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),因此您不必以编程方式控制不透明度的按下更改,但仍可以根据需要更改其整体值。