it-swarm.com.de

Importieren Sie Materialdesign-Symbole in ein Android Projekt

Gibt es eine einfache Möglichkeit, alle Symbole des Material Design-Symbolrepositorys in ein Android) - Projekt zu importieren, ohne dass dies manuell erfolgen muss?

124
Ivan Aranibar

Schauen Sie sich Vector Asset Studio an

Führen Sie die folgenden Schritte aus, um Vector Asset Studio zu starten:

  • Öffnen Sie in Android Studio ein Android App-Projekt.
  • Wählen Sie im Projektfenster die Ansicht Android.
  • Klicken Sie mit der rechten Maustaste auf den Ordner res und wählen Sie Neu> Vector Asset.

Nach dem Öffnen von Vector Asset Studio können Sie wie folgt ein Materialsymbol hinzufügen:

  • Wähle "Material Icon"
  • Klicken Sie auf Auswählen
  • Wählen Sie ein Materialsymbol
307
mpkuth

Sie können dieses neue Plugin für Android studio Android Material Design Icon Generator Plugin verwenden, um mit diesen von Google bereitgestellten Materialsymbolen zu arbeiten: Google material- Design-Icons

21
Ouss StinGray

Hier ist ein Skript, das das Github-Repository der Materialdesign-Symbole unter klont

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

und erstellt einen Index aller Dateien. Außerdem werden die SVG-Dateien nach Kategorie in Unterverzeichnisse kopiert. Auf dieser Grundlage können Sie die Dateien, an denen Sie interessiert sind, in Ihr Projekt kopieren. Ändern Sie einfach die Anweisung find and cp copy nach Ihren Wünschen. Wenn Sie z. brauche die png's in einer bestimmten größe - sie sind in benachbarten verzeichnissen und du musst dann den find and copy befehl entsprechend modifizieren.

enter image description here

#!/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
5
Wolfgang Fahl

Im Ordner drawable> right click> new> vector asset und dann auf das Symbol klicken:

Android Studio screen shots showing non-obvious place where to click

2
Dale

Ich fand diesen Link hilfreich für mich.

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

gradle-Implementierung ist verfügbar

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

Nachdem Sie die Gradle-Abhängigkeit hinzugefügt haben, können Sie auf diese Weise ein Menüelement erstellen.

<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>
0
Naveed Jamali