Konvertierung von SVG-Dateien auf Android-Vektor-Drawable XML, während die group-Struktur an Ort und Stelle

Ich möchte konvertieren von SVG-Dateien auf Android-Vektor-Drawable XML-Dateien. Ich brauche die Struktur des SVG. In dem Maße, dass die SVG-Gruppen, mehrere Elemente zusammen, die ich brauche, dass die Gruppierung Ihren Niederschlag auch in der Android-Vektor-Drawable.

Leider die tools, die ich gefunden um zu tun, SVG, Vektor Drawable-Konvertierungen versuchen, minimieren Sie die Größe der Datei in einer Weise, entledigt sich der bestehende Gruppierung in der Struktur der Datei.

Ist es ein intelligenter Weg, um die Konvertierung zu tun, lässt die Gruppierung der Baum intakt?

gibt es ein automatisches tool, um die Konvertierung zu tun, lässt die Gruppierung der Baum intakt? diese Frage ist on-topic?
StackOverflow ist zu Fragen, wie man zur Lösung einer bestimmten problem, dass sich in der software-Entwicklung. Ich bin auch in Ordnung, wenn die Lösung das problem ist nicht einen Zeiger auf ein bestimmtes Werkzeug. Meine Frage ist, problem ausgerichtet und nicht zu empfehlen-tools.
schreiben Sie Ihre eigene Lösung ... ich würde es tun, ein Programm, welches: 1. jede Gruppe von svg auf einzelne svg-Datei 2. führen Sie ein tool für svg-Vektor converiosn 3. verschmelzen Sie sich zurück ...
Fühlen Sie sich frei, zu schreiben, eine Antwort, wenn Sie denken, dass ist der beste Weg, um das problem zu lösen.

InformationsquelleAutor Christian | 2017-09-27

18

Haben Sie versucht,Shape Shifter? Sein soll als ein Programm, mit dem Sie animieren Vektoren und svgs einfach, aber können Sie importieren Sie Ihre .svg-export und einen Vektor Drawable sofort. Es sollte halten Sie Ihre Gruppe-Struktur zu (aber ich mache keine Versprechungen wie ich es noch nicht explizit mich).

Toll, es hält, was der Struktur der Gruppe 🙂
Genial, bin froh, dass es für Sie gearbeitet. Wenn Sie die chance bekommen, versuchen Sie die belebende Funktionen. Macht es wirklich einfach, erstellen Sie einige süße icons 🙂
große Konverter! obwohl es ersetzt #ffffff Farbe mit #000 für irgendwie...

InformationsquelleAutor swerly

Erstellen Sie eine leere xml-Datei. schreiben Sie alle Attribute einer VectorDrawable außer pathdata. Öffnen Sie die SVG-Datei in wordpad. Kopieren Sie die pathdata und fügen Sie ihn dann in die xml-Datei, die Sie erstellt haben.

Beispiel SVG:

 <?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 -174 1280 870">
  <g transform="matrix(1 0 0 -1 0 696)">
   <path fill="currentColor"
d="M540 97.4004l-39 21q-47 30 -77 84q-35 62 -34 129q2.10449 95.0107 62 163q74 84 184.5 84t179.7 -86.4004q59.7998 -73.5996 61.2002 -151.199q1.59961 -88.4004 -44.4004 -153.601q-34 -46.7998 -75.5996 -69.5996l-51.6006 -19.2002q18.2002 -2 37.2002 -2.40039
q78 0.400391 157 0.400391l-12 27q-3 4 -23.7998 -5.7998z" />
  </g>

</svg>

Beispiel-xml-Datei mit dem gleichen pathdata:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="1280dp"
        android:height="870dp"
        android:viewportWidth="1280.0"
        android:viewportHeight="870.0">

    <path
        android:pathData="

        M540 97.4004l-39 21
        q-47 30 -77 84
        q-35 62 -34 129
        q2.10449 95.0107 62 163
        q74 84 184.5 84 t179.7 -86.4004
        q59.7998 -73.5996 61.2002 -151.199
        q1.59961 -88.4004 -44.4004 -153.601
        q-34 -46.7998 -75.5996 -69.5996l-51.6006 -19.2002
        q18.2002 -2 37.2002 -2.40039 
        q78 0.400391 157 0.400391l-12 27
        q-3 4 -23.7998 -5.7998       "

        android:strokeLineCap="round"
        android:strokeColor="#f00f"
        android:fillColor="#00000000"
        android:strokeWidth="32"/>
</vector>

Hinweis: "z" am Ende der pathdata wird gelöscht und die Zeilen wurden auch neu angeordnet, der manuell von mir für bessere Lesbarkeit.

Diese Weise haben Sie zum konvertieren der SVGs xml-einzeln und manuell.

Einfügen von Pfad-Daten aus svg-Vektor in Android Studio gibt eine Menge nützlicher Informationen "Sehr lange Vektor-Pfad (1965-Zeichen), das ist schlecht für die performance. In Anbetracht der Verringerung der Präzision, entfernen Sie kleine details oder Rastern Vektorgrafiken. weniger... (Strg+F1), Mit langen-Vektor-Pfade ist schlecht für die performance. Es gibt mehrere Möglichkeiten, um die pathData kürzer: * Mit weniger Präzision * Entfernen Sie einige kleine details * Mit dem Android-Studio-Vektor-Konvertierungs-Werkzeug * Rastern das Bild (Umwandlung zu PNG)"
Ich machte ein Pfad hinunter zum 24px in GIMP nach verfolgen es mit der "Fuzzy Select Tool", und es wurde sehr grob und pixelig, aber das ist egal, beim importieren der SVG-Pfad-Daten in Asset Studio, da es offenbar interpoliert (cubic splines oder so), also die Vorschau gerendert glatt. Auswählen -> Feder hilft zu glätten die Ecken und Kanten der fuzzy-Auswahl.

InformationsquelleAutor Vempati Satya Suryanarayana

0

Gehen http://inloop.github.io/svg2android setzen Sie Ihre SVG-Datei und deren Umwandlung in Vektor -

InformationsquelleAutor Vibhu Vikram Singh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.