RecyclerView dan Navigation Drawer ( Material Design ) Part I

Setelah mempelajari tutorial-tutorial sebelumnya, sekarang kita akan mencoba membuat APlikasi dengan template bawaan yang dudah menggunakan Navigation drawer, untuk meembuat tampilan lebih menarik.
Pada tutotrial kalini ini, akan ada beberapa penyederhanaan-penyederhanaan dalam penulisan code, semoga dengan penyederhaaan ini maka kita akan lebih mudah dalam pengembangan dalam berbagai aplikasi-aplikasi lain yang ingin kita buat.

  1. Membuat Project Baru, pilih template Naviation Drawaer Actifity, jangan yg blank actifity, perbedaan akan terlihat pada layout.
    screenshot_938 screenshot_939
  2. Tambahkan permition pada AndroidManifest.xml
  3. Tambahkaan Gradle Volley, Pilih File – > Project Structure , pilih App-> Dependencies, cari dan tambahkan  dependencies VOlley dan Recyclerview

    screenshot_940screenshot_941screenshot_942 Sehingga akan mncul sebagai berikut screenshot_947
  4. Tambahkan Frame Layout pada COntentMain.xml

    screenshot_948
  5. Pilih package utama, klik kanan, dan buat Package baru dengan nama Fragment screenshot_949 screenshot_950
  6. Pilih package Fragment, klik kanan, Buat Blank Fragment, beri Nama BrandFragment,  screenshot_951 screenshot_952Hilangkan centang pada Include fragment factoryy metode? dan Include interface callbacks? sehingga akan mncul BrandFragment.java pada package Fragment dan fragment_brand.xml pada layout. screenshot_953
  7. Buka MainActifity.java, tambahakan class di bawah , untuk memanggil BrandFragment,

    screenshot_970 Tambahkan goBrandFragment() pada oncreate di MainActifity.java screenshot_955
  8. Sampai disini bila di jalankan aplikasi maka akan tampil sebagai berikut, sdah ada NavigationDrawer, Menu Setting, dan Floating Button, bila belum  bisa tampil Hello blank fragment, coba ulangi dan cek dari atas, untuk melanjutkan ke Part II pada tutorial ini harus bisa tampil seperti ini

screenshot_958 screenshot_957 screenshot_956

Facebook Comments