Android lucrează cu SVG / Vector Drawables

În timpul dezvoltării aplicațiilor Android, susținerea mai multor rezoluții este uneori un coșmar pentru dezvoltatori. Includerea mai multor imagini pentru diferite rezoluții crește, de asemenea, dimensiunea proiectului. Soluția este de a utiliza grafică vectorială, cum ar fi imaginile SVG.

Ce este un desenabil vectorial?

Un VectorDrawableeste un grafic vectorial definit într-un fișier XML ca un set de puncte, linii și curbe împreună cu informațiile de culoare asociate. Avantajul major al utilizării unui vector drawable este scalabilitatea imaginii. Acum nu mai este nevoie să creați imagini de dimensiuni diferite pentru mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi etc. Vector drawable poate fi redimensionat fără pierderea calității de afișare, ceea ce înseamnă că același fișier este redimensionat pentru diferite densități de ecran fără pierderea calității imaginii. Acest lucru are ca rezultat fișiere APK mai mici și mai puțină întreținere pentru dezvoltator.

Crearea unui proiect Android

1. Creați un nou proiect în Android Studio din Fișier ⇒ Proiect nou și completați detaliile proiectului.

2. Deschideți build.gradle și adăugați linia de mai jos în interiorul blocului defaultConfig.

vectorDrawables.useSupportLibrary = true

Dacă folosiți versiunea gradle mai mică de 2.0, atunci folosiți următoarele

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

Crearea VectorDrawable

Există 2 moduri de a crea VectorDrawable utilizând instrumentul Vector asset Android Studio Vector.

I) Icoane materiale

Acum să începem prin a crea VectorDrawable din Icoane materiale. Aceste pictograme sunt setul oficial de pictograme de la Google care sunt proiectate în conformitate cu liniile directoare de design material.

1. În proiect, faceți clic dreapta pe directorul drawable
2. Accesați New ⇒ Vector Asset
3. Faceți clic pe pictograma de lansare pentru a răsfoi Material Icons.
4. Selectați o pictogramă și faceți clic pe OK.
5. Revizuiți numele fișierului, apoi faceți clic pe next.
6. Acum Vector Asset Studio va afișa locația despre unde este salvat fișierul, revizuiți-o și faceți clic pe finish.
7. Dosarul drawable va consta acum dintr-un fișier nou creat.

II) Fișier SVG sau PSD

Acum am creat vectorDrawable din Material Icon, ce se întâmplă dacă dorim o pictogramă separată? O putem crea din SVG sau PSD, mai jos sunt procedurile

1. În proiect, faceți clic dreapta pe directorul drawable
2. Accesați New ⇒ Vector Asset
3. Selectați opțiunea Local File (SVG, PSD)
4. Click pe pictograma browse și navigați până la fișierul SVG sau PSD pentru a-l selecta și faceți clic pe OK.
5. Verificați imaginea în previzualizare și faceți clic pe Next ⇒ Finish.

Utilizarea VectorDrawable

Am adăugat cu succes VectorDrawables în proiect, acum este timpul să le folosim. Deschideți fișierul layout al activității principale (activity_main.xml) și adăugați xml-ul de mai jos. Acest layout conține arată cum se utilizează VectorDrawable cu ImageView și alte vizualizări (ca fundal)

Pentru a utiliza VectorDrawable din java sau pentru a-l utiliza ca fundal (și în xml) trebuie să intimizați AppCompatDelegate pentru a activa vectorul compat din resursă. Mai jos este codul pentru aceasta.

.