SVG Vektorivetoisiin: The Better Way to Customize Android Icons

Garret Cole
Garret Cole

follow

div>

loka 21, 2016 · 2 min read

yksi suositummista tavoista käsitellä räätälöityjä kuvakkeita Android-kehitysprojektissa on käyttää Vector drawables. Nämä ovat XML-tiedostoja, jotka kuvaavat polku, jossa drawable voidaan renderöidä ajon aikana sisällä Android-sovelluksen. Saada vektori drawable, voit muuntaa SVG-tiedoston tähän muotoon. Viime aikoina, tämä on helpottunut uusimmat päivitykset Android Studio. Kuitenkin, jos olet kuten jotkut meistä, jotka ovat tottuneet vanha putki, voit muuntaa SVGs Vector drawables tällä kätevä työkalu.

ilmeinen etu käyttämällä vector drawables on koko jalanjälki APK. Ero koko sovelluksen vektorit vs. kuvia on melko merkittävä. Sen sijaan, että sinulla olisi useita pakattuja kuvia jokaista sovelluksen tukemaa dpi-resoluutiota varten, sinulla on yksi kohtalaisen pieni tekstitiedosto, jonka sisältönä on kuvan polku.

käytettäessä kuvakkeille normaaleja kuvia, kuten PNG: tä, on helppo määrittää alkuperäinen resoluutio tarkastamalla Kuvan mitat dpi-kauhan suhteen. Se on vielä helpompaa vektori drawables, mutta on olemassa kaksi eri ilmoitetut korkeudet ja leveydet sisällä XML. Sinulla on näkymäleveys ja leveys. ViewportWidth on itse asiassa koko, että omaisuuserä aiotaan piirtää kyseisen näkymän. Kun se vetää polun sisään, se rajoittaa näkymän kokoa. Toinen ”leveys” on todellinen leveys, jonka kehittäjä kohtelisi natiivina dpi-kokoisena, kun se paisutetaan näkyvyyteen.

<vector android:height="24dp" android:viewportHeight="22.0"android:width="24dp" android:viewportWidth="15.0"

kun vektori on piirrettävissä, sen ulkonäön muunnelmia voi laajentaa luomalla uuden XML: n jokaiselle muunnelmalle, johon haluaa päästä käsiksi Android-resursseissaan. Vaikka tämä voidaan tehdä myös raw-kuville, se on hieman helpompi työskennellä, kun haluat joko käyttää bittinaamiota tai muuttaa kuvakkeen väritilaa ilman, että sinun tarvitsee korvata liuta resursseja.

Luminanssi on loistava kuvasarja niille, jotka haluaisivat kokeilla kuvakkeita. Kaikki kuvakkeet ovat vapaasti käyttää ja saatavilla SVG-muodossa.

jälleen, summataksesi tämän putken leikittelyyn:

  1. Lataa Luminance ja valitse kuvake, jota haluat käyttää SVG-muodossa.
  2. pudota SVG Android SVG vectordrawable ja muuntaa sen Android vector drawable XML.
  3. sijoita XML res / drawable-hakemistoon.
  4. käytä ImageView, ImageButtons, tai missä tahansa muualla haluat käyttää nostettavissa hyödykkeen!

Vastaa

Sähköpostiosoitettasi ei julkaista.