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.
- A projektben jobb klikk a drawable könyvtárra
- Menj a New ⇒ Vector Asset
- Kattints a launcher ikonra a Material Icons böngészéséhez.
- Válasszon ki egy ikont és kattintson az OK-ra.
- Nézze át a fájl nevét, majd kattintson a next-re.
- Most a Vector Asset Studio megmutatja a helyet, ahová a fájl mentésre kerül, tekintse át és kattintson a finish gombra.
- 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
- A projektben jobb klikk a drawable könyvtárra
- Menj a New ⇒ Vector Asset
- Válassza ki a Local File (SVG, PSD) opciót
- 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.
- 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.