SVG Til Vektor Drawables: Den Bedre Måten Å Tilpasse Android Ikoner

garret cole
garret cole

følg

21 oktober 2016 · 2 min lese

en av de mer populære måter å håndtere tilpassede ikoner i android utviklingsprosjektet er å bruke vektor drawables. DETTE ER XML-filer som beskriver banen der en drawable kan gjengis under kjøring inne I Android app. For å få vektoren drawable, kan du konvertere EN SVG-fil til dette formatet. Nylig har dette blitt gjort enklere med de nyeste oppdateringene Til Android Studio. Men hvis du er som noen av oss som er vant til den gamle rørledningen, kan Du konvertere SVGs til vektor drawables med dette praktiske verktøyet.den åpenbare fordelen med å bruke vector drawables er størrelsen fotavtrykk AV APK. Forskjellen i størrelsen på en app med vektorer versus bilder er ganske betydelig. I stedet for å ha flere pakkede bilder for hver DPI-oppløsning som appen støtter, har du en enkelt, moderat liten tekstfil med banen til bildet som innholdet.

når du bruker vanlige bilder som Png for ikonene dine, er det enkelt å bestemme den opprinnelige oppløsningen ved å inspisere bildet for dimensjonene med HENSYN til DPI-skuffen. Det er enda enklere med vector drawables, men det er to forskjellige deklarerte høyder og bredder i XML. Du har viewportWidth og bredde. ViewportWidth er faktisk størrelsen at eiendelen kommer til å bli trukket innenfor det viewport. Når den trekker banen inne, vil den begrense størrelsen på den visningen. Den andre» bredden » er den faktiske bredden som utvikleren ville behandle som sin opprinnelige DPI-størrelse når den blåses opp i en visning.

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

Når du har din vektor drawable, kan du utvide varianter av sitt utseende ved å opprette en ANNEN XML for hver variant du vil ha tilgang til I din Android ressurser. Selv om dette også kan gjøres for raw-bilder, er det litt lettere å jobbe med når du enten vil bruke en bitmask eller endre fargetilstanden til et ikon uten å måtte erstatte en rekke eiendeler.Luminans Er et flott ikonsett for de som ønsker å eksperimentere med ikoner. Alle ikonene er gratis å bruke og tilgjengelig I SVG-format.

igjen, for å oppsummere denne rørledningen for å leke med:

  1. Last Ned Luminans og velg et ikon du vil bruke I SVG-format.
  2. Slipp SVG Til Android SVG Til VectorDrawable og konvertere Den til En Android vektor tegnes XML.
  3. Plasser XML i res / drawable katalogen.
  4. Bruk I ImageView, ImageButtons, eller andre steder du ønsker å bruke en trekkbar ressurs!

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.