Vektor Asset Studio importieren ist bunt .svg-Datei als schwarz und weiß

Ich bin mit der Anleitung hier von Google die Verwendung der neuen option (März 2016) zu importieren .svg-Dateien in drawable statt .png-Dateien.

Das problem, das ich habe ist, dass die Datei wird importiert, als schwarz und weiß, obwohl die Datei hat viele Farben.

Hier ist ein Bild der .svg-Datei, wie Lesen von Google Chrome:
Vektor Asset Studio importieren ist bunt .svg-Datei als schwarz und weiß

Dieser gleichen Datei, ist dann zu Lesen, wie dies durch den Vektor Asset Studio:
Vektor Asset Studio importieren ist bunt .svg-Datei als schwarz und weiß
Vektor Asset Studio importieren ist bunt .svg-Datei als schwarz und weiß

Und in der app, das Bild erscheint schwarz und weiß.

Keine Idee warum dies passiert ist?

Den .svg-Datei wird immer dann erzeugt, auf Adobe PhotoShop Creative Cloud, und ich bin mit Android Studio 1.5.1 auf dem Mac.

Danke!

EDIT: Hinzugefügt link zu .svg-Datei, die ich verwende für diese Frage.

  • Ist das Bild über externe CSS? Hat Vector Asst Studio-Unterstützung externes CSS?
  • Ähmm. Ich weiß nicht, die Antwort auf beide Fragen. Das kommt mir von unserem design-team. Irgendeine Idee, wo ich sollte Sie überprüfen, für die externe css-Datei in Photoshop?
  • Fügen Sie die Datei in Frage.
  • getan. Danke!!!
  • Es gibt keine externen CSS-Datei. Ich weiß nicht, warum es nicht angezeigt wird, sollte es funktionieren. Ich schlage vor, Sie nehmen diese mit Vektor Asset Studio bugtracker, wo es.
InformationsquelleAutor TooManyEduardos | 2016-03-07
  1. 32

    Ich hatte auch das gleiche problem, aber nach dem Graben internet
    endlich die Lösung gefunden, hier ist es:-

    Nach erledigt, die mit illustrator entwerfen

    1) Gehen Sie zu Datei --> Speichern unter ---> Fenster-Dialog Öffnet sich--> geben Sie den Namen des svg
    --->Klicken Sie auf Speichern

    2) Nun zeigt SVG-Dialogfeld "Optionen" - - - > unten Links auf "Mehr Optionen" - - - > CSS-Eigenschaften dropdown - - - - > Wählen Sie die Darstellung von Attributen

    diese Einstellung macht svg-kompatiblen code für android importieren mit Farben !!

    Sorry für diese Antwort aufwendige ... hab das für diejenigen, die Anfänger sind

    • Dies ist die Antwort, jeder. Danke, Vibhore.
    • Dies muss die akzeptierte Antwort hier !
    • Wissen Sie, wie kann ich speichern Sie die Datei auf Inkscape?
    • Für diejenigen, die mit "Export für Bildschirme" in Illustrator (besonders nützlich, wenn Sie viele Bilder zu exportieren), dann erreichen Sie dies durch die Eingabe Erweiterte Einstellungen (über das ZAHNRAD-Symbol in der Export für Bildschirm-dialog), dann unter SVG, änderung "- Styling" auf "Inline Style".
    InformationsquelleAutor Vibhore Agg
  2. 11

    Android Studio SVG importer ist etwas begrenzt. Es behandelt nur sehr einfache SVG-Dateien. Und ich glaube nicht, dass es unterstützt die <style> element, oder die class Attribut. So müssen Sie zum ändern der CSS-Eigenschaften von XML.

    Beispiel:

    <path class="st0" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

    Müssen geändert werden:

    <path fill="#007299" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

    Etcetera für den rest der <path> Elemente.

    • das ist das, was ich am Ende machen, aber es wird offensichtlich zu einem problem geworden, mit mehr komplexe Bilder, die haben sogar ein paar Farben. Jede Idee, wenn das funktioniert besser auf die beta-Version von Android Studio 2.0?
    • In Inkscape kann man speichern als "Optimierte SVG", um die option zum konvertieren von CSS-Stilen Eigenschaften von XML. Aber er warf einen Fehler, als ich versucht habe die Datei mit es.
    • Haha, nice!!! Mein einziges Problem wäre, dass wir die Dateien aus der marketing-Abteilung, und Sie nur verwenden adobe CC Sachen. Diese Datei tatsächlich erstellt wurde, die auf Illustrator. Ja, ich konnte es konvertieren in Inkscape, aber wenn die Farben ein bisschen ändern (oder sonst was ändert), dann bin ich irgendwie verantwortlich für das, obwohl sich die marketing-Leute Gaben uns die richtigen Bilder.
    • Meine Frage wurde gekennzeichnet als Duplikate, aber was ist nur schwarz/weiß SVGs importiert werden, die alle schwarz? Gleiche Geschichte? stackoverflow.com/questions/36069272/...
    InformationsquelleAutor Paul LeBeau
Schreibe einen Kommentar