Цвета значков Material Design

Какого цвета должен быть значок темного материала?

В официальной документации (https://www.google.com/design/spec/style/icons.html#icons-system-icons внизу) он 54% черный (серый), но все загрузки значки материалов могут быть белыми или 100% черными.

введите описание изображения здесь

Также на новом официальном сайте https://www.google.com/design/icons/ можно скачать либо белое, либо черное, но не "серое"!

Значит, мне надо выставить 54% на все скачанные иконки для себя? Или я что-то упустил?


person chrisonline    schedule 30.05.2015    source источник
comment
Обычно я делаю это сам, поэтому могу справиться с прозрачностью 87% для нажатых значков и 26% для отключенных значков. Если мне не нужно менять прозрачность, я использую этот сайт: materialdesignicons.com, где есть серый значок ' вариант.   -  person Ruocco    schedule 30.05.2015
comment
Спасибо, я тоже иногда им пользуюсь. Но на официальном сайте есть много значков, и мне интересно, почему у них нет 54% черных (серых) значков, когда это написано в официальных рекомендациях по дизайну. Как добиться прозрачности? Я не дизайнер, извините за глупый вопрос :-)   -  person chrisonline    schedule 30.05.2015


Ответы (3)


Я слишком поздно отвечать, но тем не менее отвечу на вопрос, поскольку это может сэкономить время некоторым разработчикам. Я сам, будучи разработчиком, много боролся, создавая значки разных цветов, и, поскольку я не дизайнер, это было очень сложно. После долгих поисков я нашел этот плагин в Android Studio под названием Android Material Icon Generator. Он создает все значки материалов всех цветов с различными размерами, а также с коэффициентом непрозрачности. Это большой подспорье для нас, разработчиков, которые не умеют проектировать. Также не нужно скачивать иконки отдельно, этого плагина вполне достаточно.

person rockfight    schedule 23.07.2015
comment
Извините за глупый вопрос, но после того, как я установил этот плагин, я не могу найти его следов в пользовательском интерфейсе Android Studio :) Вы можете подсказать, где его искать? - person Alex Berdnikov; 27.02.2017

В Android Asset Studio есть Generic Icon Generator со всеми значками материалов, и вы можете выбрать нужный цвет.

person Brais Gabin    schedule 12.08.2015

Есть три способа справиться с непрозрачностью:

а) Простой, я загружаю их (на сайте materialdesignicons.com, если мне нужен серый вариант) и использую их, так как мне не нужно ничего менять. Если я не могу найти тот, который мне нужен, я загружаю черный (белый) и преобразовываю его в версию с непрозрачностью 54% (это 30-секундная работа в gimp / photoshop).

б) Если мне нужно только «нормальное» и «нажатое» состояние, я загружаю черный (белый), создаю две версии: 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), поэтому вам не нужно программно управлять изменением непрозрачности нажатием, но вы все равно сможете изменить его общее значение по своему усмотрению.

person Ruocco    schedule 30.05.2015
comment
На самом деле вы хотите buttonIcon.setImageAlpha(138);. - person zyamys; 06.12.2015