Android Studio : Mengganti Icon Menu item pada Navbar Drawer

Selamat sore semua, pada kali ini saya akan share tentang cara menambahkan icon pada menu-menu item yang ada pada navbar drawer menggunakan android studio. Sebelumnya saya minta maaf kepada yang request tutorial untuk pembuatan aplikasi android karena saya masih sibuk untuk UTS dan tugas-tugas yang ada di kampus, maka dari itu saya share yang mudah-mudah saja untuk di coba.

Sebelum lanjut, sebelumnya saya sudah dapat mencoba untuk menambahkan icon pada menu item di navbar drawer
.Menambahkan icon pada menu item

Ok langsung saja ikuti tutorialnya, bagi yang sudah pernah mencoba tapi ada problem silakan tinggalkan komentar di bawah.
1# Buka android studio, dan pilih template navbar drawer activity.
2# Setelah kebuka, masuk ke bagian menu -> activity_main_drawer.xml
Menambahkan icon pada menu item

3# Karena saya sudah dapat membuat tadi, kali ini saya contohkan lagi dengan menambahkan 1 menu item yaitu menu exit. Kita buat tanpa icon terlebih dahulu.
Menambahkan icon pada menu item
4# Kita akan membuat icon untuk menu exit, silakan klik kanan pada app->new->Vector Asset
Menambahkan icon pada menu item

5# Setelah itu akan masuk ke Configure Vector Asset, Kalian bisa memilih Asset Type yang lain (Local file) jika kalian sudah punya icon dan itu harus berformat (SVG, PSD), namun disini kita akan memakai Material Icon bawaan android studio. 
Menambahkan icon pada menu item

Silakan sesuaikan namenya, untuk mengganti icon silakan klik tombol yang berisi icon android kemudian kalian pilih sesuai kebutuhan.
Menambahkan icon pada menu item

setelah itu, silakan kalian next kemudian klik finish.
6# Untuk memastikan kalian sudah berhasil atau belum membuat iconnya, silakan lihat di res->drawable lihat file dengan nama yang sudah kalian setting tadi, seperti saya namanya ic_icon_exit.xlm.

7# Langkah terakhir yaitu menambahkan iconnya, silakan masuk lagi ke res->menu->activity_main_drawer.xml. Dan tambahkan android:icon pada item exit tadi. Kira-kira seperti ini jadinya. 
Menambahkan icon pada menu item

Untuk memastikan lagi sudah berhasil atau belum silakan kalian run di HH masing-masing.
Menambahkan icon pada menu item

Baik sekian tutorialnya, mungkin tidak terlalu berguna karena hanya menambah estetika saja tanpa memiliki fungsi yang berarti. Terima kasih sudah berkunjung, jangan lupa like, share dan baca artikel lainnya:

Artikel Terkait


EmoticonEmoticon