Navigation Drawer adalah menu di kiri pada Aplikasi Android seperti pada BBM, Whatsapp ataupun yang lainnya. Untuk membuatnya terdapat cara berbeda-beda antara lain menggunakan library pihak ke tiga ataupun mengambil dari template bawaan.
Namun kali ini kita akan membuatnya tanpa repot menggunakan pihak ke-tiga , di dalam Android sudah disediakan dan kita tinggal memodofikasinya.
HASIL AKHIR
|
1 |
|
2 |
Jika di klik akan menuju Halaman Baru
APA YANG DIBUTUHKAN
- Navigation Drawer
- 1 Activity ( Class dan Layout) yang akan dipanggil
|
Struktur Project |
MEMBUAT PROJECT DENGAN MENU DRAWER
Langkah pertama adalah membuat project baru dengan memilih template Menu Drawer, beri nama project sesuai keinginan atau disamakan saja biar tidak bingung.
|
buat baru |
|
pilih drawer |
|
sesuaikan nama |
MEMBUAT ACTIVITY BARU
Buatlah Activity baru dengan cara klik kanan pada folder java piih New- Activity – Empty Actity
|
klik kanan java |
|
sesuaikan nama |
Beri nama satu lalu Finish maka akan otomatis menggenerate 1 Class dan 1 Layout.
Buka layout activity_satu buat tampilan apa saja , misal tulisan dan rating bar
Code activity_satu.xml
Di mode Design akan tampil seperti berikut :
|
design mode |
MEMBUAT INTENT DI MAIN ACTIVITY
Main Activity atau tampilan utama di project ini adalah Utama.java , buka file tersebut kemudian tambahkan di bagian Import dan di actionnya seperti ini :
//MENAMBAH INTENT di bagian import
import android.content.Intent;
//CONTOH ACTION
Intent intentku= new Intent(Utama.this,Satu.class);
startActivity(intentku);
Catatan :
Utama adalah Class
Main Activity dan
Satu adalah Class yang akan dipanggil.
Karena kita akan membuat aksi Jika menu Camera di klik maka akan muncul halaman baru, maka kita harus menulis kodenya di aksi Camera.
CODE lengkap Utama.java
RUNNING PROGRAM
Langkah selanjutnya adalah RUN project kita maka akan seperti berikut:
Jika Menu Import di Klik maka akan muncul halaman satu yang kita buat tadi.
|
home |
|
menu diklik |
|
menu diklik |
BAGAIMANA CARA MENGEDIT TULISAN DAN ICON MENU DRAWER ???
Untuk mengedit tulisan Menu Import, Gallery dll caranya :
Buka Folder
Menu – Pilih activity_utama_drawer.xml dan edit sesuai yang diinginkan
|
activity menu |
nice post gan.. tapi yang saya ingin bertanya, kalau menu import di klik navigation drawernya tetap ada gimana caranya gan?
BalasHapuscoba lihat di androidmanifestnya bro
HapusKalo drawer nya pengen tetep ada di activity ke 2, Yg harus di edit di android manifestnya yg bagian mana bang? Makasih ilmunya sangat bermanfaat
Hapusartikel ini cuma copas doang, mana layout toolbar, NavigationView, DrawerLayout yg di inisiasi dengan finfViewById(R.id......) ?????
BalasHapusIndonesia banget lo.
baca dulu yang lengkap gan , ada kok di utama.java
Hapustutorialnya masih kurang kengkap..
Hapusnice gan udah lama ane cari yang ini tanks ilmunya hehehe
BalasHapussama2 :)
Hapusisi dari satu.class mana?
BalasHapusisi satu.class kosong gpp , atau pake default template
Hapuskrn cm untuk sample halaman
bagus tapi textnya kurang rapi
BalasHapusterimakasih atas sarannya
HapusThanks gan.. ijin langsung praktek aja masih baru di Java Android hehehe
BalasHapusmash new bie di Android... fungsi intent definisi fungsi bwt apa gan
BalasHapus