Friday, November 25, 2016

Membuat Navigation Drawer Dan Menghubungkan Intent Android Studio

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

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