SVG vektor Drawables: Az Android ikonok testreszabásának jobb módja

Garret Cole
Garret Cole

kövesse

Oct 21, 2016 · 2 min olvasni

az egyik legnépszerűbb módja a kezelés Testreszabott ikonok az Android fejlesztési projekt használata vektor Drawables. Ezek olyan XML fájlok, amelyek leírják azt az utat, amelyen a rajzolható megjeleníthető futásidőben az Android alkalmazáson belül. Ahhoz, hogy a vektor rajzolható legyen, konvertálhat egy SVG fájlt ebbe a formátumba. A közelmúltban ezt megkönnyítették az Android Studio legújabb frissítéseivel. Ha azonban olyan vagy, mint néhányan, akik megszokták a régi csővezetéket, akkor ezzel a praktikus eszközzel konvertálhatja az SVG-ket vektoros rajzol.

a nyilvánvaló előnye, hogy a vektor drawables a méret lábnyom a APK. A vektorokkal rendelkező alkalmazás méretének különbsége a képekkel szemben elég jelentős. Ahelyett, hogy az alkalmazás által támogatott minden egyes dpi felbontáshoz több csomagolt kép lenne, egyetlen, Közepesen kicsi szövegfájl van, amelynek tartalma a kép elérési útja.

Ha normál képeket, például PNG-ket használ az ikonokhoz, egyszerűen meghatározhatja a natív felbontást úgy, hogy megvizsgálja a kép méretét a DPI vödöréhez képest. Ez még könnyebb vektor drawables, de két különböző deklarált magasság és szélesség az XML-en belül. Van viewportWidth és width. A viewportWidth valójában az a méret, amelyet az eszköz az adott nézetablakon belül rajzol. Amikor felhívja az utat belül korlátozza a méret, hogy a nézetablak. A másik “szélesség” az a tényleges szélesség, amelyet a fejlesztő natív DPI-méretként kezelne, ha egy nézetbe felfújják.

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

miután elkészítette a vektort rajzolható, kibővítheti megjelenésének variációit azáltal, hogy létrehoz egy másik XML-t minden egyes változathoz, amelyhez hozzáférni szeretne az Android erőforrásaiban. Bár ez a raw képek esetében is megtehető, egy kicsit könnyebb dolgozni, ha bitmaszkot szeretne használni, vagy megváltoztatni egy ikon színállapotát anélkül, hogy rengeteg eszközt kellene cserélnie.

a Luminance egy nagyszerű ikonkészlet azok számára, akik szeretnének kísérletezni az ikonokkal. Az összes ikon szabadon használható és SVG formátumban érhető el.

ismét összegezve ezt a folyamatot, amellyel játszani szeretne:

  1. töltse le a Luminance-t, és válassza ki az SVG formátumban használni kívánt ikont.
  2. dobd el az SVG-t az Android SVG-be a Vectorrawable-be, és alakítsd át Android vektor rajzolható XML-vé.
  3. helyezze az XML-t a res / drawable könyvtárba.
  4. használja a ImageView, ImageButtons, vagy bárhol máshol azt szeretné használni a rajzolható eszköz!

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.