Android työskentelee SVG / Vector Drawables

Android-sovelluksia kehitettäessä useiden resoluutioiden tukeminen on joskus kehittäjien painajainen. Useiden kuvien sisällyttäminen eri resoluutioihin kasvattaa myös projektin kokoa. Vektoripiirrettävän käytön suurin etu on kuvan skaalautuvuus. Nyt ei tarvitse luoda erikokoista kuvaa mdpi:tä, hdpi:tä, xhdpi:tä, xxhdpi:tä, xxxhdpi:tä jne. varten. Vektoripiirrettävää voidaan skaalata ilman näytön laadun heikkenemistä, mikä tarkoittaa, että saman tiedoston kokoa voidaan muuttaa eri näytön tiheyksiä varten ilman kuvan laadun heikkenemistä. Tämä johtaa pienempiin APK-tiedostoihin ja vähentää kehittäjien ylläpitoa.

Android-projektin luominen

1. Luo uusi projekti Android Studiossa kohdasta File ⇒ New Project ja täytä projektin tiedot.

2. Avaa build.gradle ja lisää alla oleva rivi defaultConfig-lohkon sisälle.

vectorDrawables.useSupportLibrary = true

Jos käytät gradle-versiota alle 2.0 niin käytä seuraavaa

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

VectorDrawable:n luominen

VectorDrawable:n luomiseen Android Studion Vector asset -työkalulla on 2 tapaa.

I) Material Icons

Aloitetaan siis luomalla VectorDrawable Material Icons:sta. Nämä kuvakkeet ovat Googlen virallisia kuvakkeita, jotka on suunniteltu Material Design -ohjeiden mukaisesti.

1. Projektissa klikkaa hiiren kakkospainikkeella Drawable-hakemistoa
2. Vaihda kohtaan New ⇒ Vector Asset
3. Klikkaa Launcher-kuvaketta selataksesi Material Icons -kuvakkeita.
4. Valitset kuvakkeen ja napsautat OK-painiketta.
5. Katsokaa tiedoston nimi läpi napsauttamalla sitten next.
6. Nyt Vector Asset Studio näyttää sijainnin siitä, mihin tiedosto tallennetaan, tarkista se ja napsauta viimeistelyä.
7. Drawable-kansio koostuu nyt äskettäin luodusta tiedostosta.

II) SVG- tai PSD-tiedosto

Nyt olemme luoneet vectorDrawable:n Materiaalikuvakkeesta, entäpä jos haluaisimme erillisen kuvakkeen? Voimme luoda sen SVG:stä tai PSD:stä, alla on menettely

1. Projektissa klikkaa hiiren kakkospainikkeella drawable-hakemistoa
2. Vaihda New ⇒ Vector Asset
3. Valitse Local File (SVG, PSD) -vaihtoehto
4. Klikkaa selauskuvaketta ja siirry SVG- tai PSD-tiedoston kohdalle valitaksesi sen ja klikkaa OK.
5. Varmista kuva esikatselussa ja napsauta Seuraava ⇒ Valmis.

VectorDrawablen käyttäminen

Olemme onnistuneesti lisänneet VectorDrawableja projektiin, nyt on aika käyttää niitä. Avaa pääaktiviteetin layout-tiedosto (activity_main.xml) ja lisää alla oleva xml. Tämä asettelu sisältää näyttää, miten VectorDrawablea käytetään ImageViewin ja muiden näkymien kanssa (taustana)

Käyttääksesi VectorDrawablea java:sta tai käyttääksesi sitä taustana (myös xml:ssä) sinun täytyy intiimi AppCompatDelegate ottaa käyttöön compat-vektorin resurssista. Alla on koodi sitä varten.