Импортируйте значки материального дизайна в проект Android

151

Есть ли простой способ импортировать все значки из репозитория значков Material Design в проект Android, не опасаясь делать это вручную?

icons material-design

— Иван Аранибар
источник

380

Взгляните на Vector Asset Studio

Выполните следующие действия, чтобы запустить Vector Asset Studio:

В Android Studio откройте проект приложения Android.

В окне проекта выберите представление Android.

Щелкните правой кнопкой мыши папку res и выберите New> Vector Asset.

После открытия Vector Asset Studio вы можете добавить значок материала следующим образом:

Выберите «Значок материала» (нажав на картинку: ICON)

Нажмите Выбрать

Выберите значок материала

— mpkuth
источник

25

Отличный ответ! Вы можете не только выбрать значок материального дизайна, который уже включен в Android Studio (без каких-либо дополнительных плагинов), но также вы получите VectorDrawable и (подождите ...): «Если ваш минимальный уровень API установлен на одном из этих API уровней, Vector Asset Studio также предписывает Gradle генерировать растровые изображения векторов, которые можно рисовать для обратной совместимости »

— lenrok258

5

Вы даже можете изменить цвет в XML-файле, и новые PNG будут созданы во время сборки (в app / build / generated / res / pngs / debug ). Мне нравится! :-)

— lenrok258

2

Проголосуйте за этот ответ! В случае, если ваш значок не отображается в выборе «Значок материала», вы можете загрузить его из значков материалов , если вы выберете формат SVG, выберите «Локальный файл SVG в векторном активе» и сгенерируйте файл xml для значка. Если вы выбрали формат PNG, щелкните правой кнопкой мыши в res-> new Image Asset-> выберите Image-> в Path: выберите большое изображение (xxxhdpi) и сгенерируйте png для каждой плотности.

— НЭ

11

Начиная с Android Studio 2.2 Preview 5, в Vector Asset Studio больше нет кнопки «Выбрать», но нужно щелкнуть небольшое изображение значка (под именем). Мне

— потребовалось

2

Недавняя студия векторных ресурсов имеет тип клипа вместо значка материала, щелкните значок Android внизу, чтобы выбрать свой значок

— Gigarthan

23

Вы можете использовать этот новый плагин для Android Studio Android Material Design Icon Generator Plugin, который поможет вам работать с этими значками материалов, предоставленными Google: Google material-design-icons

— Усс Стингрей
источник

1

Я его установил, но как мне его использовать?

— galdin

1

@gldraphael - После установки выберите «Файл» - «Новый» - «Значок дизайна материалов». Выберите размер 48dp, чтобы гарантировать, что каждый из сгенерированных файлов имеет стандартную высоту / ширину 48, 72, 96, 144 и 192 пикселей. Конечно, при необходимости выберите меньший размер dp.

— Мартин Дэвис

2

@MartynDavis, спасибо. Но я нашел это. Что мне больше всего нравится в этом, так это то, что я тоже могу выбирать цвет.

— galdin

20

В папке drawable> right click> new> vector asset, а затем нажмите на значок:

— Дол
источник

6

Вот скрипт, который клонирует репозиторий github иконок материального дизайна на

https://github.com/google/material-design-icons

и создает индекс всех файлов. Он также копирует файлы svg в подкаталоги по категориям. Вы можете использовать это как основу для копирования интересующих вас файлов в свой проект - просто измените операторы find и cp copy по своему вкусу. Если вам, например, нужны файлы png определенного размера - они находятся в соседних каталогах, и вам необходимо соответствующим образом изменить команду поиска и копирования.

#!/bin/bash
# WF 2016-06-04
# get google material design icons
# see http://stackoverflow.com/questions/28684759/import-material-design-icons-into-an-android-project
tmp=/tmp/icons
index=$tmp/index.html
mkdir -p $tmp
cd $tmp
if [ ! -d material-design-icons ]
then
  git clone https://github.com/google/material-design-icons
fi
cat << EOF > $index
<html>
  <head>
    <head>
    <body>
      <h1>Google Material Design Icons</h1>
EOF
for icon in `find . -name *.svg | grep production | grep 48`
do
    svg=`basename $icon .svg`
    category=`echo $icon | cut -f3 -d '/'`
    echo $category $svg.svg
    mkdir -p $tmp/$category
    cp $icon $tmp/$category
    echo "    <img src='"$icon"' title='"$category $svg"' >" >> $index
done
cat << EOF >> $index
  </body>
</html>
EOF

— Вольфганг Фаль
источник

1

Сладкий сценарий. Поскольку это своего рода случайный вариант использования для этого репо, предлагаем перейти на git clone --depth = 1, чтобы получить неглубокий клон. Скачивается немного быстрее.

— mbac32768

2

Я нашел эту ссылку полезной для меня.

https://dev.materialdesignicons.com/getting-started/android

доступна реализация gradle

dependencies {
    implementation 'net.steamcrafted:materialiconlib:1.1.5'
}

После добавления зависимости Gradle вы можете создать пункт меню таким образом.

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" <!-- important, you'll have to include this to use the custom xml attributes -->
    xmlns:tools="http://schemas.android.com/tools" >

    <!-- example of a menu item with an icon -->
    <item
        android:title="Disable Wifi"
        app:showAsAction="always"
        app:materialIcon="wifi_off" <!-- This sets the icon, HAS AUTOCOMPLETE ;) -->
        app:materialIconColor="#FE0000" <!-- Sets the icon color -->
    />

</menu>

— Навид Джамали
источник