Tips Menciptakan Gambar Svg(Scalabe Vector Graphic) Di Android Studio

SVG adalah kepanjangan dari Scalabe Vector Graphic ,merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan memakai extensi .xml, yang telah dikeambangkan oleh Word Wide Web Consortium (W3C).Nah karna SVG ini sanggup bekerja pada teknologi Java. Di Android Studio kita sanggup menciptakan dan menampikan ,format gambar SVG yang berekstensi .xml , dengan donasi library Lollipop (API v21).Kelebihan kita memakai gambar vector yaitu bersifat scalable , maksudnya dikala gambar diperbesar ,atau diperkecil ,gambar tidak akan kehilangan kualitasnya (ex : pecah,redup).Ini sangat mempunyai kegunaan kalau kalian sedang , berbagi dan menciptakan Aplikasi dengan banyak tipe layar (screen).Kalian hanya cukup memanggil satu format file SVG (extensi .xml) ini saja.

merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan menggunak Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio

Pada tips dan trick kali ini kita akan mencoba menciptakan dan menampilkan gambar SVG ini , pada Aplikasi di Android Studio.



1. Pertama buka project Android Studio kalian.


2. Pada folder drawable (app/res/drawable).  Kalian klik kanan kemudian pilih New > Vector Asset.



merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan menggunak Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio
Vector Asset


3. Pada bab Vector Asset Studio , pilih tombol Choose maka akan muncul pilihan icon-icon menyerupai yang terlihat pada sebelah kanan gambar dibawah ,kalian sanggup memilihnya salah satu kalau sudah klik OK.


merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan menggunak Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio
Vector Asset Studio


4. Setelah icon terplih ,  kalian juga sanggup mengatur ukuran size , opacity pada file icon tersebut, yang akan terlihat perubahanya di bagian Vector drawable preview. Jika sudah pilih Next.

merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan menggunak Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio
Vector Drawable Preview



5.Selanjutnya kalian sanggup menentukan sasaran module dan juga res directornya ,pada file icon tersebut. Jika sudah pilih Finish.


merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan menggunak Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio
Vector Aset Studio


6.Selesai maka file vector akan terlihat menyerupai pada gambar dibawah.Untuk penggunaanya/menampilkan file vector sama saja menyerupai kita menampilkan file gambar berextensi .png di folder drawable.


merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan menggunak Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio
File Gambar SVG

7. Untuk referensi penggunaanya sanggup lihat gambar dibawah.

merupakan format file yang berfungsi untuk menampilkan grafik atau gambar dengan menggunak Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio
Penggunaan file Vector

Nah demikian tips dan trick menciptakan dan menampilkan file gambar vector atauSVG(Scalabe Vector Graphic)   dari aku , supaya sanggup membantu kalian yang sedang menciptakan dan berbagi Aplikasi Android.


Sumber https://www.okedroid.com/

Loading...