Navigation view saat ini menjadi tren style untuk developer android. Menurut saya karena saya adalah orang awam saya akan menjawab aplikasi yang diberi navigation view akan begitu indah dilihat, walawpun bukan itu saja yang dimaksut tren tapi ini kan menurut saya :D.
Seperti biasa hal pertama yang harus di lakukan adalah membuka aplikasi android studio lalu buat project baru. Setelah itu menuju build gradle file lalu tambahakan script seperti di bawah
Layout
Buka folder layout lalu buka file yang bernama activity_main.xml setelah itu ganti isi file tersebut dengan script di bawah ini atau kalin bisa menulis ulang script.
activity_main.xml
Setelah itu buat file bernama header.xml dengan cara klik pada folder layout lalu klik kanan klik new -> klik new file beri nama header.xml. Jika sudah isikan file tersebut dengan script dibawah ini.
header.xml
Values
Jika semua sudah selesai saatnya edit file bernama styles.xml dan strings.xml karena saya ada tambahan script seperti seperti drawer open dan drawer close yang akan di gunakan pada MainActivity.java
styles.xml
strings.xml
Menu
Jika saat pertama membuat project kalian memilih empety activity kalian harus membuat folder baru bernama menu tapi. Dengan cara klik folder res lalu klik kanan -> new -> new folder. Setelah itu buat file bernama menu_nav.xml dan isikan file tersebut dengan script dibawah ini.
menu_nav.xml
Java
Sekarang yang harus kalian lakukan adalah membuka file MainActivity.java yang ada pada folder java. Dan ganti script tersebut dengan script di bawah ini.
MainActivity.java Ini adalah hasil dari naviagtion view
Penting untuk dibaca
Seperti biasa saya akan memberikan tambahan setiap postingan saya
yaitu hal yang penting
kali ini hal yang terpenting dari project kali ini ada pada beberapa
baik file tag maupun java code.
Tag
dan
isi tag
pada file activity_main.xml kalian akan melihat tag yang bernama
<android.support.design.widget.NavigationView nah pada tag ini lah
kalian membuat navigation view dan pada tag tersebut kalian juga akan
menemukan isi tag yaitu android:layout_width android:layout_height
app:headerLayout app:menu dan android:layout_gravity kelima isi tag
tersebut mempunya tugas masing
android:layout_width berguna untuk menentukan lebar dari navigation
view karena kalian menggunkannya untuk navigation view jadi kalian
tidak boleh mengisi value dari tag ini dengan
match_parent kalian harus menggunakan wrap_content untuk tag ini.
android:layout_height berguna untuk menentukan tinggi dari navigation
view
Download Source codenya di bawah guys
0 komentar:
Posting Komentar