SVG la Drawables vectoriale: Cea mai bună modalitate de a personaliza icoane Android

Garret Cole
Garret Cole

urmați

Oct 21, 2016 · 2 min citit

una dintre cele mai populare moduri de manipulare icoane personalizate în cadrul proiectului de dezvoltare Android este de a utiliza drawables vector. Acestea sunt fișiere XML care descriu calea în care poate fi redat un desenabil în timpul rulării în aplicația Android. Pentru a obține vectorul desenabil, puteți converti un fișier SVG în acest format. Recent, acest lucru a fost facilitat cu cele mai recente actualizări pentru Android Studio. Cu toate acestea, dacă sunteți ca unii dintre noi care sunt obișnuiți cu vechea conductă, puteți converti SVG-urile în drawables vectoriale cu acest instrument la îndemână.

avantajul evident al utilizării desenelor vectoriale este amprenta dimensiunii APK-ului dvs. Diferența în dimensiunea unei aplicații cu vectori față de imagini este destul de semnificativă. În loc să aveți mai multe imagini ambalate pentru fiecare rezoluție DPI pe care aplicația o acceptă, aveți un singur fișier text moderat mic, cu calea imaginii ca conținut.

când utilizați imagini normale, cum ar fi PNG-uri pentru pictogramele dvs., este simplu să determinați rezoluția nativă inspectând imaginea pentru dimensiunile sale în raport cu găleata DPI. Este chiar mai ușor cu drawables vector, dar există două înălțimi și lățimi diferite declarate în XML. Aveți viewportWidth și lățime. ViewportWidth este de fapt dimensiunea pe care activul va fi tras în acel viewport. Când atrage calea în interiorul va constrânge la dimensiunea care viewport. Cealaltă „lățime” este lățimea reală pe care dezvoltatorul ar trata-o ca dimensiune dpi nativă atunci când este umflată într-o vizualizare.

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

odată ce aveți vectorul desenabil, puteți extinde variațiile aspectului său creând un alt XML pentru fiecare variantă la care doriți să aveți acces în resursele dvs. Deși acest lucru se poate face și pentru imaginile raw, este puțin mai ușor să lucrați atunci când doriți fie să utilizați o mască de biți, fie să schimbați starea de culoare a unei pictograme fără a fi nevoie să înlocuiți o mulțime de active.

Luminance este un set de pictograme excelent pentru cei care ar dori să experimenteze cu pictograme. Toate pictogramele sunt gratuite și disponibile în format SVG.

Din nou, pentru a rezuma această conductă pentru a juca cu:

  1. descărcați Luminance și alegeți o pictogramă pe care doriți să o utilizați în format SVG.
  2. picătură SVG în Android SVG la VectorDrawable și converti într-un vector Android XML drawable.
  3. plasați XML-ul în directorul res/drawable.
  4. utilizați în ImageView, ImageButtons, sau oriunde altundeva ați dori să utilizați un activ drawable!

Lasă un răspuns

Adresa ta de email nu va fi publicată.