Androidos munka SVG / Vector Drawables

Az Android alkalmazások fejlesztése során a többféle felbontás támogatása néha rémálom a fejlesztők számára. A különböző felbontásokhoz tartozó több kép beépítése a projekt méretét is növeli. A megoldás a vektorgrafikák, például az SVG-képek használata.

Mi a Vector Drawable?

A VectorDrawable vektorgrafika egy XML-fájlban pontok, vonalak és görbék halmazaként van definiálva a hozzá tartozó színinformációkkal együtt. A vektoros rajzolhatóság használatának legfőbb előnye a kép skálázhatósága. Most már nem kell különböző méretű képet létrehozni mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi stb. esetén. A vektoros rajzolható kép a megjelenítési minőség romlása nélkül skálázható, ami azt jelenti, hogy ugyanaz a fájl a képminőség romlása nélkül átméretezhető különböző képernyősűrűségekhez. Ez kisebb APK fájlokat és kevesebb fejlesztői karbantartást eredményez.

Android projekt létrehozása

1. Hozzon létre egy új projektet az Android Studio-ban a Fájl ⇒ Új projekt menüpontból, és töltse ki a projekt adatait.

2. Nyissa meg a build.gradle fájlt, és adja hozzá az alábbi sort a defaultConfig blokkon belül.

vectorDrawables.useSupportLibrary = true

Ha a gradle 2 alatti verzióját használja.0, akkor használja a következőt

aaptOptions {
additionalParameters " — no-version-vectors"
}

VectorDrawable létrehozása

A VectorDrawable létrehozásának 2 módja van az Android Studio Vector asset eszközének használatával.

I) Material Icons

Szóval kezdjük a VectorDrawable létrehozásával Material Iconsból. Ezek az ikonok a Google hivatalos ikonkészletei, amelyeket a Material Design irányelvek alapján terveztek.

  1. A projektben jobb klikk a drawable könyvtárra
  2. Menj a New ⇒ Vector Asset
  3. Kattints a launcher ikonra a Material Icons böngészéséhez.
  4. Válasszon ki egy ikont és kattintson az OK-ra.
  5. Nézze át a fájl nevét, majd kattintson a next-re.
  6. Most a Vector Asset Studio megmutatja a helyet, ahová a fájl mentésre kerül, tekintse át és kattintson a finish gombra.
  7. A drawable mappa most már egy újonnan létrehozott fájlból fog állni.

II) SVG vagy PSD fájl

Most létrehoztuk a vectorDrawable-t a Material Iconból, mi van, ha külön ikont szeretnénk? Létrehozhatjuk SVG vagy PSD fájlból, az alábbiakban az eljárás

  1. A projektben jobb klikk a drawable könyvtárra
  2. Menj a New ⇒ Vector Asset
  3. Válassza ki a Local File (SVG, PSD) opciót
  4. Kattintson a böngészés ikonra és navigáljon az SVG vagy PSD fájlhoz, hogy kiválassza azt, majd kattintson az OK-ra.
  5. Hitelesítse a képet az előnézetben, és kattintson a Tovább ⇒ Befejezés gombra.

VectorDrawable használata

Sikeresen hozzáadtuk a VectorDrawable-t a projekthez, most itt az ideje használni őket. Nyissuk meg a fő tevékenység layout fájlját (activity_main.xml), és adjuk hozzá az alábbi xml-t. Ez az elrendezés tartalmazza, hogyan használjuk a VectorDrawable-t ImageView és más nézetekkel (háttérként)

A VectorDrawable java-ból való használatához vagy háttérként való használatához (xml-ben is) intimizálni kell az AppCompatDelegate-et, hogy engedélyezze a kompatibilis vektorokat az erőforrásból. Az alábbiakban az ehhez szükséges kódot találja.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.