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

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/
Show comments
Hide comments

0 Response to "Tips Menciptakan Gambar Svg(Scalabe Vector Graphic) Di Android Studio"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close