Saturday, August 11, 2018

Cara Mudah Membuat Menu Navigasi Drawer Android Bagi Pemula!


Membuat Menu Navigasi Drawer Android- NavigationDrawer adalah panel yang menampilkan pilihan navigasi utama aplikasi dari tepi kiri layar. Tersembunyi sebagian, tetapi menu akan muncul ketika pengguna gesekan jari dari tepi kiri layar atau pengguna menyentuh ikon aplikasi di bar untuk menampilkannya.

Membuat Menu Navigasi Drawer Android Responsive 


  • Buat project baru di Android Studio File ⇒ New Project. Kemudian pilih Navigation Drawer Activity dan melanjutkannya hingga selesai.
Klik "SEE ORIGINAL" untuk men-copy kodenya

activity_main.xml layout tampilan navigation drawer.




app_bar_main.xml Sebagaitampilan Tootbar widget dan Coordinator Layout.




content_main.xml
Semua menu pada navigation drawer akan ditampilkan dalam container frame layout .



nav_header_main.xml
Sebagai tampilan header dari navigation drawer.



Buat layout baru dengan nama root.xml
dalam res=>layout dan masukkan coding seperti dibawah ini.
root.xml



Buat layout baru lagi dengan nama import_main.xml dalam res=>layout dan masukkan coding seperti dibawah ini.
import_main.xml



Buat Layout baru dengan nama gallery.xml dalam res=>layout dan masukkan coding seperti dibawah ini.
gallery.xml


Buat layout baru dengan nama slide_show.xml dalam res=>layout dan masukkan coding seperti dibawah ini. slide_show.xml



Buat layout baru dengan nama tools.xml dalam res=>layout dan masukkan coding seperti dibawah ini. tools.xml



Buat layout baru dengan nama share.xml dalam res=>layout dan masukkan coding seperti dibawah ini.
share.xml



Buat layout baru dengan nama send.xml dalam res=>layout dan masukkan coding seperti dibawah ini.
send.xml



Buka MainActivity.java kemudian edit coding-nya seperti dibawah ini. Class ini berfungsi untuk memanggil menu-menu yang ada dalam navigation drawer kemudian di tampilkan pada frame layout. MainActivity.java


Buat class baru dengan nama Root.java dan masukkan coding seperti dibawah ini. Class ini berfungsi untuk tampilan awal ketika aplikasi dijalankan. Root.java




Buat class baru dengan nama Import.java dan masukkan coding seperti dibawah ini. Class ini berfungsi untuk tampilan menu Import.
Import.java




Buat class baru dengan nama Gallery.java dan masukkan coding seperti dibawah ini. Class ini berfungsi untuk tampilan menu Gallery.
Gallery.java


Buat class baru dengan nama SlideShow.java dan masukkan coding seperti dibawah ini. Class ini berfungsi untuk tampilan menu SlideShow.
SlideShow.java


Buat class baru dengan nama Tools.java dan masukkan coding seperti dibawah ini. Class ini berfungsi untuk tampilan menu Tools.
Tools.java


Buat class baru dengan nama Share.java dan masukkan coding seperti dibawah ini. Class ini berfungsi untuk tampilan menu Share.
Share.java


Buat class baru dengan nama Send.java dan masukkan coding seperti dibawah ini. Class ini berfungsi untuk tampilan menu Send.
Send.java



  • Jika sudah silahkan run aplikasinya, dan bila tidak ada kode yang salah, aplikasi siap untuk dipublikasikan.

Sekian tutorial untuk Membuat Menu Navigasi Drawer Android Responsive semoga membantu para sobat blogger yang ingin membuat Aplikasi blog, sekian terimakasih.

1 comments so far

Mantap gan, tutorialnya beneran sangat mudah dipahami bagi pemula kaya saya :D

Jika berkenan silahkan tinggalkan jejak dengan berkomentar, meskipun itu hanya sekedar ucapan terima kasih
EmoticonEmoticon