Ist es möglich, Material Design-Symbolfarbe von Xml in Android zu ändern?

Question

Ich versuche tatsächlich, farbige Symbole in meiner App zu verwenden. Ich habe das offizielle Material Design Icon Pack von here heruntergeladen. Jetzt sind alle Symbole in diesem Paket entweder weiß, grau oder schwarz. Aber ich möchte, dass die Icons eine andere Farbe haben. Etwas wie die Symbole auf der linken Seite in this image. Die Telefon- und Mail-Symbole sind blau. Wie kann ich das erreichen?

Answer 1

Es ist eine .png-Datei. Es gibt viele Bildbearbeiter da draußen. Sie müssen nur die Teile füllen

Answer 2

Sie die TintImageView innerhalb der appcompat Support-Bibliothek verwenden und dann färben/Färben der Imageview ist einfach durch die android:backgroundTint Aufruf der Imageview in einer Farbe tönen.

---

Xml

<TintImageView 
android:layout_width="" 
android:layout_height="" 
android:src="" 
android:backgroundTint="@color/green"/> 

oder

<ImageView 
android:tint="the_color_you_want"/> 

---

Programatically

ImageView yourImageView = findViewById(...) yourImageView.setColorFilter(Context.getColor(your_color_here))

---

So ist die oben xml die Imageview tönen grün zu färben, bedeutet, dass es jedes Pixel des Imageview kolorieren wird, die grün sichtbar sind.

Answer 3

Da die Symboldatei im PNG-Format vorliegt, sollten Sie die Farbe mit dem Werkzeug ändern, mit dem Sie das Symbol erstellt haben. und fügen Sie es mithilfe von ImageAsset in das Projekt ein.

Answer 4

Ich suchte nach der gleichen Sache, aber um es dynamisch im Code zu ändern. Ich hoffe, das hilft jemandem, der das Gleiche sucht.

ein Image für das Symbol Erstellen und setColorFilter auf dieser Ansicht verwenden.

ImageView imageViewIcon = (ImageView) listItem.findViewById(R.id.imageViewIcon); 
imageViewIcon.setColorFilter(getContext().getResources().getColor(R.color.blue)); 

Answer 5

Für Iconfarbe

<ImageButton 
    android:layout_width="your value" 
    android:layout_height="your value" 
    /* and so on ... */ 

    android:tint="YourColor" 
    /> 

Hinweis versuchen zu ändern: die Tönung Farbe ontop des Bildes gemalt, keine Ersatzfarbe. Tint #80ff0000 auf einem schwarzen Bild gibt Ihnen 50% rot auf schwarz, nicht 50% rot auf dem Hintergrund. I.e. Dies entspricht nicht den iOS-Vorlagenbildern.

Answer 6

<vector android:height="48dp" android:viewportHeight="24.0" 
    android:viewportWidth="24.0" android:width="48dp" xmlns:android="http://schemas.android.com/apk/res/android"> 
    <path android:fillColor="#ca0f0f" android:pathData="M3,5v14c0,1.1 0.89,2 2,2h14c1.1,0 2,-0.9 2,-2V5c0,-1.1 -0.9,-2 -2,-2H5c-1.11,0 -2,0.9 -2,2zm12,4c0,1.66 -1.34,3 -3,3s-3,-1.34 -3,-3 1.34,-3 3,-3 3,1.34 3,3zm-9,8c0,-2 4,-3.1 6,-3.1s6,1.1 6,3.1v1H6v-1z"/> 
</vector> 

Sie Farbe ändern, indem Sie android Wechsel: fillColor = "# ca0f0f"

Answer 7

zu Hinzufügen was Murali sagte, mehrere Drawables mit unterschiedlichen Füllfarben machen. Dann

wenn nötig, in dem Code:

imageView.setImageResource(R.drawable.drawable_with_different_color) 

NICHT: imageView.setBackgroundResource()

Answer 8

Viele Alternativen hier bereits in diesem Thread.Vielleicht kann ich noch einen für hinzufügen, wer es bequem findet:

Sie auch die Auslosungs Klasse verwenden können, wobei der Code als

Resources res = getResources(); 
    Drawable drawable = res.getDrawable(R.drawable.ic_play_circle_filled); 
    drawable = DrawableCompat.wrap(drawable); 
    DrawableCompat.setTint(drawable, getResources().getColor(R.color.colorPrimary)); 

folgt Obwohl die oben den Trick für mich getan hat, aber für meinen Anwendungsfall suggicient android:tint

Answer 9

zu verwenden war, wie

<ImageButton 
    android:layout_width="YourValue" 
    android:layout_height="YourValue" 
    ... 
    android:tint="YourColor" // this line do the magic 
/> 

Answer 10

Ja in XML-Material Symbol Farbe zu ändern, ist es möglich, und es ist einfach, diese Bibliothek: https://github.com/jrvansuita/IconHandler

Sie können dies leicht nennen:

Icon.on(yourImageView).color(R.color.your_color).icon(R.mipmap.your_icon).put();