Jika sebelumnya kita membuat menu dengan Fragment (Disini), sekarang kita akan mencoba membuat menu dengan menggunakan Hometab serta dukungan ViewPager.
Hometab sendiri dengan Fragment memiliki perbedaan yang cukup signifikan, karena jika Fragment itu akan melakukan load halaman ketika kita melakukan Commit. Sementara Hometab itu semua halaman akan di load pada saat activity dijalankan. Mungkin jika kita menggunakan Hometab untuk data yang berasal dari API akan cukup lama loading datanya.
Sementara ViewPager sendiri kita akan gunakan agar kita dapat berpindah menu/tab dari satu menu ke menu lainnya dengan cara menggeser slide pada layar.
 |
| Hometab ViewPager masrahman28.blogspot.com |
Mari kita mulai, seperti biasa ingat ya pesan saya ketik lah coding-coding yang ada pada tutorial manapun agar kita terbiasa dan menjadikan kita lebih mudah ketika membuat project selanjutnya.
Oke buat project baru dengan nama HomeTab
 |
| Membuat Project Hometab masrahman28.blogspot.com |
Next saja, untuk pemilihan minimum SDK juga kita next saja. Lalu untuk pemilihan tipe Activity kita buat dengan Empty Activity
 |
| Membuat Activity masrahman28.blogspot.com |
Jika sudah Next dan Finish saja, kita sekarang memiliki dua buah file MainActivity.java dan activity_main.xml
Selanjutnya kita buka terlebih dahulu build.gradle (Module: app) tambahkan pada dependecies
Selanjutnya kita buka terlebih dahulu build.gradle (Module: app) tambahkan pada dependecies
implementation 'com.android.support:design:26.1.0'
versi 26.1.0 itu mengikuti sesuai dengan versi-versi lainnya yah dan harus sesuai dengan compileSdkVersion misalnya jika
Maka support:design:25.1.0 okey karena yang tadi saya bilang bahwa semuanya versi harus sesuai.
Jika sudah kita tambahkan kita Sync Now dipojok kanan atas dan tunggu beberapa waktu sampai gradle build finish.
implementation 'com.android.support:appcompat-v7:25.1.0'
Maka support:design:25.1.0 okey karena yang tadi saya bilang bahwa semuanya versi harus sesuai.
Jika sudah kita tambahkan kita Sync Now dipojok kanan atas dan tunggu beberapa waktu sampai gradle build finish.
Jika telah selesai kita buka activity_main.xml kita tambahkan widget ViewPager serta TabLayout
Fungsi dari kedua widget itu telah dijelaskan di pembukaan tutorial ini ya. Selanjutnya kita akan membuat dua buah Fragment sebagai content/halaman dari tab-tab yang kita buat. Nah untuk masalah Fragment cek disini.
Kita buat dua buah Fragment terlebih dahulu HomeFragment dan ProfileFragment dengan cara klik kanan pada package name di project yang kita buat New > Fragment > Pilih yang Blank dan unceklis dulu untuk "Include fragment factory method?" dan "Include interface callbacks?" biar lebih simpel dan tinggal kita Finisih ya.
Untuk ProfileFragment ikuti aja langkah sebelumnya. Sudah kita miliki dua buah Fragment sekarang kita ubah sedikit Layout file dari Fragment fragment_home.xml dan fragment_profile.xml dengan menambahkan marginTop menjadi seperti di bawah ini
Selanjutnya kita akan membuat satu buah Class yang akan kita gunakan untuk adapter dari ViewPager. Saya beri nama Class ini dengan TabAdapter kalian bisa membuat file tersendiri dengan TabAdapter.java atau seperti yang saya lakukan di tutorial ini dengan membuat class tersebut pada MainActivity.java, berikut isi class nya
Setelah kita membuat class di atas, untuk menggunakan Hometab dengan ViewPager ini sangat mudah. Kita hanya perlu mendefinisikannya saja
Coding lengkapnya, karena saya menyisipkan class TabAdapter di MainActivity.java maka menjadi seperti di bawah ini
Untuk source code lengkapnya Download Disini
Fungsi dari kedua widget itu telah dijelaskan di pembukaan tutorial ini ya. Selanjutnya kita akan membuat dua buah Fragment sebagai content/halaman dari tab-tab yang kita buat. Nah untuk masalah Fragment cek disini.
Kita buat dua buah Fragment terlebih dahulu HomeFragment dan ProfileFragment dengan cara klik kanan pada package name di project yang kita buat New > Fragment > Pilih yang Blank dan unceklis dulu untuk "Include fragment factory method?" dan "Include interface callbacks?" biar lebih simpel dan tinggal kita Finisih ya.
 |
| Menambahkan Fragment masrahman28.blogspot.com |
Untuk ProfileFragment ikuti aja langkah sebelumnya. Sudah kita miliki dua buah Fragment sekarang kita ubah sedikit Layout file dari Fragment fragment_home.xml dan fragment_profile.xml dengan menambahkan marginTop menjadi seperti di bawah ini
Selanjutnya kita akan membuat satu buah Class yang akan kita gunakan untuk adapter dari ViewPager. Saya beri nama Class ini dengan TabAdapter kalian bisa membuat file tersendiri dengan TabAdapter.java atau seperti yang saya lakukan di tutorial ini dengan membuat class tersebut pada MainActivity.java, berikut isi class nya
Setelah kita membuat class di atas, untuk menggunakan Hometab dengan ViewPager ini sangat mudah. Kita hanya perlu mendefinisikannya saja
Coding lengkapnya, karena saya menyisipkan class TabAdapter di MainActivity.java maka menjadi seperti di bawah ini
Untuk source code lengkapnya Download Disini
Tidak ada komentar:
Posting Komentar