Android arbetar med SVG / Vector Drawables

När du utvecklar Android-applikationer är stöd för flera upplösningar ibland en mardröm för utvecklare. Att inkludera flera bilder för olika upplösningar ökar också projektstorleken. Lösningen är att använda vektorgrafik som SVG-bilder.

Vad är en vektorgrafik som kan ritas?

En VectorDrawable är en vektorgrafik som definieras i en XML-fil som en uppsättning punkter, linjer och kurvor tillsammans med tillhörande färginformation. Den största fördelen med att använda en vektor drawable är bildens skalbarhet. Nu finns det inget behov av att skapa bilder av olika storlek för mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi osv. Vector drawable kan skalas utan förlust av bildkvalitet, vilket innebär att samma fil kan ändras i storlek för olika skärmtätheter utan förlust av bildkvalitet. Detta resulterar i mindre APK-filer och mindre underhåll av utvecklare.

Skapa Androidprojekt

1. Skapa ett nytt projekt i Android Studio från File ⇒ New Project och fyll i projektinformationen.

2. Öppna build.gradle och lägg till nedanstående rad inuti blocket defaultConfig.

vectorDrawables.useSupportLibrary = true

Om du använder gradle-versionen under 2.0 så använd följande

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

Skapa VectorDrawable

Det finns två sätt att skapa VectorDrawable med hjälp av Android Studio Vector asset tool.

I) Material Icons

Så låt oss börja med att skapa VectorDrawable från Material Icons. Dessa ikoner är den officiella ikonuppsättningen från Google som är utformade enligt riktlinjerna för materialdesign.

1. I projektet Högerklicka på drawable-katalogen
2. Gå till New ⇒ Vector Asset
3. Klicka på lanseringsikonen för att bläddra bland Material Icons.
4. Välj en ikon och klicka på OK.
5. Se filens namn och klicka sedan på next.
6. Nu visar Vector Asset Studio platsen där filen sparas, granska den och klicka på avsluta.
7. Mappen med drawable består nu av en nyskapad fil.

II) SVG- eller PSD-fil

Nu har vi skapat vectorDrawable från Material Icon, vad händer om vi vill ha en separat ikon? Vi kan skapa den från SVG eller PSD, nedan är proceduren

1. I projektet Högerklicka på drawable-katalogen
2. Gå till New ⇒ Vector Asset
3. Välj Local File (SVG, PSD) option
4. Klicka på ikonen för bläddring och navigera till din SVG- eller PSD-fil för att välja den och klicka på OK.
5. Verifiera bilden i förhandsgranskningen och klicka på Nästa ⇒ Slutför.

Användning av VectorDrawable

Vi har lyckats lägga till VectorDrawables i projektet, nu är det dags att använda dem. Öppna layoutfilen för huvudaktiviteten (activity_main.xml) och lägg till nedanstående xml. Denna layout innehåller visar hur man använder VectorDrawable med ImageView och andra vyer (som bakgrund)

För att använda VectorDrawable från java eller för att använda den som bakgrund (i xml också) måste du intima AppCompatDelegate för att aktivera compat vektor från resurs. Nedan finns koden för detta.