SVG til vektor tegnebøger: Den bedre måde at tilpasse Android ikoner

en af de mere populære måder at håndtere tilpassede ikoner inden for android udviklingsprojekt er at bruge vektor tegnebøger. Disse er filer, der beskriver den sti, hvor en tegnbar kan gengives på runtime inde i Android app. For at få vektoren tegnbar kan du konvertere en SVG-fil til dette format. For nylig er dette blevet gjort lettere med de seneste opdateringer til Android Studio. Men hvis du er som nogle af os, der er vant til den gamle rørledning, kan du konvertere SVG ‘ er til vektortrækbare med dette praktiske værktøj.

den åbenlyse fordel ved at bruge vektortegninger er størrelsen på din APK. Forskellen i størrelsen på en app med vektorer versus billeder er ret betydelig. I stedet for at have flere pakkede billeder til hver dpi-opløsning, som Appen understøtter, Har du en enkelt, moderat lille tekstfil med billedets sti som indhold.

når du bruger normale billeder som PNG ‘ er til dine ikoner, er det nemt at bestemme den oprindelige opløsning ved at inspicere billedet for dets dimensioner i forhold til dets dpi-spand. Det er endnu nemmere med vector tegneborde, men der er to forskellige deklarerede højder og bredder inden for HML. Du har visningsportbredde og bredde. Visningsportbredden er faktisk den størrelse, som aktivet skal trækkes inden for denne visning. Når den trækker stien inde, vil den begrænse størrelsen af denne visning. Den anden” bredde ” er den faktiske bredde, som udvikleren ville behandle som sin oprindelige DPI-størrelse, når den oppustes i en visning.

<vector android:height="24dp" android:viewportHeight="22.0"android:width="24dp" android:viewportWidth="15.0"

Når du har din vektor tegnbar, kan du udvide variationerne af dens udseende ved at oprette en anden HML for hver variation, du vil have adgang til i dine Android-ressourcer. Selvom dette også kan gøres for rå billeder, er det lidt lettere at arbejde med, når du enten vil bruge en bitmaske eller ændre farvetilstanden på et ikon uden at skulle erstatte en masse aktiver.

Luminance er et fantastisk ikonsæt til dem, der gerne vil eksperimentere med ikoner. Alle ikonerne er gratis at bruge og tilgængelige i SVG-format.

igen for at opsummere denne pipeline for at lege med:

1. Hent Luminance og vælg et ikon, du vil bruge i SVG-format.
2. slip SVG i Android SVG for at Vectordragelig og konvertere den til en Android-vektor, der kan trækkes.
3. Placer din res / tegnbare mappe.
4. brug i din billedvisning, ImageButtons eller andre steder, du vil bruge et trækbart aktiv!