Ändern Sie die Füllfarbe eines Vektors in android programmgesteuert

Möchte ich Bearbeiten Sie die Füllfarbe einer Vektor-Datei im Android-programmgesteuert.

In der xml-Datei kann ich meine Farbe mit dem Attribut
android:fillColor aber ich möchte die Farbe ändern, die in der Laufzeit.

Beispiele für, die? Danke.

  • Hi.. hast du die Lösung??.. als ich bin mit dem gleichen Problem..
  • Sie können die Farbe ändern, die aus dem Vektor-file in XML mit android:Farbton, in der runtime mit setColorFilter
  • stackoverflow.com/a/47174073/1352919
InformationsquelleAutor Sascha K. | 2015-10-14
  1. 30

    Diese ist genau das, was Sie brauchen. Credits @emmaguy, der Autor der post. Ich habe gerade die volle Unterstützung von Support Library 23.4+, die es ermöglicht, Sie zu stoppen pngs generieren zur Laufzeit:

     //Gradle Plugin 2.0+  
 android {  
   defaultConfig {  
     vectorDrawables.useSupportLibrary = true  
   }  
 }

    Und wenn diese Zeile auf Ihre Aktivität des Benutzers oder der Anwendung onCreate:

    AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);

    Können Sie Ihre SVGs nicht nur mit srcCompat aber auch mit anderen Attributen wie drawableLeft, background usw. im TextView -, ToggleButton-und so weiter. Es funktioniert auch, wenn Selektoren.

    Hinweis: ich veränderte den code zu verwenden VectorDrawableCompat.create statt ResourcesCompat.getDrawable. Sonst würde es nicht funktionieren und werfen org.xmlpull.v1.XmlPullParserException: Binary XML file line #2: invalid drawable tag vector.

    Medium nach Inhalt:

    Erstes erstellen wir die Attribute für die beiden Arten der spielerei, also können wir verändern Ihre Farben:

    <declare-styleable name="ChristmasTree">
    <attr name="bauble_round" format="color" />
    <attr name="bauble_small" format="color" />
</declare-styleable>

    Dann, in der VectorDrawable, legen Sie die Teile, die wir wollen, um dynamisch zu ändern, um diese Attribute verwenden:

    <path
    android:fillColor="?attr/bauble_round"
    android:pathData="...." />
<path
    android:fillColor="?attr/bauble_small"
    android:pathData="...." />
...

    Erstellen von Designs und die Farben, die Sie verwenden möchten:

    <style name="UpdatedScene" parent="DefaultScene">
    <item name="bauble_round">#db486e</item>
    <item name="bauble_small">#22c7f7</item>
</style>

<style name="DefaultScene">
    <item name="bauble_round">#fec758</item>
    <item name="bauble_small">#f22424</item>
</style>

    Verwenden Sie das drawable in einer Bildansicht:

    final ContextThemeWrapper wrapper = new ContextThemeWrapper(this, R.style.DefaultScene);
final Drawable drawable = VectorDrawableCompat.create(getResources(), R.drawable.christmas, wrapper.getTheme());
imageView.setImageDrawable(drawable);

    Das ist es! Wenn Sie möchten, ändern Sie die Farben, einfach ein anderes Thema und Ihre drawable aktualisiert.
    Siehe die GitHub - repo für eine vollständige Probe.

    • Das funktioniert perfekt und sollte akzeptiert werden, als Antwort
    • Kann ich nicht erreichen mit diesem link, Können Sie es aktualisieren oder geben Sie mir einen anderen link? plz.
    • Ich habe die links und sind Sie live. Die eine ist nicht für Sie arbeiten?
    • Sie sind der MANN, der saver <3 diese Zeile alles lösen AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
    • Sie können das Drawable mit Farbe aus attr mit diesem auch: ResourcesCompat.getDrawable(getResources(), R. drawable.ic, getTheme())
    • dies ist gut für kleine Anzahl von Staaten, aber was ist, wenn ich aktualisieren möchten, die nach jedem frame während der animation? zB. als pro stackoverflow.com/questions/2614545/...
    • Fyi: auch Lesen Sie die Dokumentation sorgfältig durch, setcompatvectorfromresourcesenabled "Diese Funktion ist standardmäßig deaktiviert, da die Aktivierung kann es zu Problemen mit der Speicherauslastung.." Happy coding.
    • Dies funktioniert nicht für API < 21, da Sie nicht verwenden können, die Werte wie ?attr/colorPrimary auf die fillColor Attribut...

    InformationsquelleAutor saiyancoder
  2. 16

    Wenn Sie möchten, ändern Sie die ganze Farbe, die Sie sich bewerben könnten, ein PorterduffColorFilter.
    Aber dies funktioniert nicht für eine einzelne <path>. Nur für die ganze drawable.

    public void applyThemeToDrawable(Drawable image) {
    if (image != null) {
        PorterDuffColorFilter porterDuffColorFilter = new PorterDuffColorFilter(Color.BLUE,
                PorterDuff.Mode.SRC_ATOP);

        image.setColorFilter(porterDuffColorFilter);
    }
}

    VectorDrawable erweitert die Klasse Drawable. Siehe Docs

    • Gibt es irgendeine andere Lösung zu Farbe nur ein einziges <path>
    • Gefunden die Antwort. Also ich denke, man kann es nicht ändern einzelner Pfad Farbe programmgesteuert. Zumindest nicht ganz zufällige Farbe. Nur für eine Feste Gruppe, die definiert werden als XML-übergänge
    • Sie können immer teilen Sie die Pfade in den Einzelbildern überlagern diese Aussicht und dann Filter setzen auf individuelle Ansichten. Nicht ideal, in allen situation, aber für einige ist es in Ordnung.
    • Dies ist, was wir jetzt tun, aber glaube nicht, zu der Zeit, die Frage, die gestellt wurde. Aber Bedenken Sie, dass dies verdoppelt den Speicher, jedesmal wenn Sie split. Nicht eine große Sache für die meisten der Zeit, aber manchmal könnte es auch egal.
    InformationsquelleAutor AlbAtNf
  3. 6

    hinzufügen setColorFilter() Methode, um Ihre Bild-Inhalte-Vektor (Hinzugefügt in api-level 8) wie folgt: 

    imgshare = (Imageview) findviewbyId(R.id.imageshare);
imgshare.setColorFilter(color);
    InformationsquelleAutor user6757534
Schreibe einen Kommentar