Cara Membuat TabLayout Android Seperti Google Play Store

Posted on

Cara Membuat TabLayout Android – Halo devandro! Tutorial pemrograman android kali ini mengenai bagaimana cara membuat tablayout android. TabLayout ini banyak dijumpai beberapa aplikasi, contohnya aplikasi Google Play Store. TabLayout ini biasa digunakan untuk menjadi kategori, seperti aplikasi Google Play Store, TabLayout ini digunakan untuk kategori Home, Games, Movies dan Books. Nah, tutorial cara membuat tablayout android kali ini kita akan membuat tablayout seperti aplikasi Google Play Store. TabLayout ini akan dipadukan dengan widget ViewPager, ViewPager ini berfungsi untuk membungkus Fragment yang sudah kita siapkan.

Akan tetapi, Sebelum ke cara membuat tablayout android, kalian harus menyiapkan terlebih dahulu sebuah project atau untuk contoh tutorial ini saya melanjutkan dari project Tutorial Farizdotid yang bisa kalian lihat di Github ini ( https://github.com/farizdotid/Tutorial-Farizdotid ).

Pertama,

Buat activity bernama TabGooglePlayActivity.

Kedua,

Buat 4 fragment baru yaitu :

  1. HomeFragment
  2. GamesFragment
  3. MoviesFragment
  4. BooksFragment

Cara membuat fragment dengan klik kanan –> new –> fragment –> fragment blank. Isi masing-masing fragment dengan 1 komponen textview agar kita bisa melihat perubahan yang terjadi ketika tablayout ini di klik ataupun di geser-geser ( swipe ).

Ketiga,

Jika kalian sudah membuat 4 fragment maka sekarang kalian buat class adapternya dengan nama TabGooglePlayAdapter. Adapter disini dibantu dengan meng-extends classnya dengan FragmentStatePagerAdapter. Di class ini juga kita mengatur fragment mana yang akan kita inisialisasi ke fragment yang ada di activity.

Keempat,

Buka build.gradle ( Module : app ) lalu tambahkan 1 depedensi library.

Library tersebut berguna untuk membuat edittext seperti aplikasi Google Play Store. Untuk dokumentasi lengkapnya bisa kalian lihat di Github berikut : https://github.com/lapism/SearchBar-SearchView

Kelima,

Buka file activity_tab_google_play.xml lalu isi dengan komponen berikut :

Keenam,

Buka TabGooglePlayActivity lalu inisialisasi komponen yang sudah kita buat pada step kelima. Inisialisasi class TabGooglePlayAdapter juga.

Tambahkan fungsi setStatusBarColor dengan parameter String color. Function ini untuk mengganti warna pada status bar, kebutuhannya disaat user klik tab atau swipe tabnya warna pada status bar akan berubah sesuai dengan Color yang kita siapkan.

Tambahkan fungsi setupTabLayout. Fungsinya untuk meng-konfigurasi tab yang akan kita buat.

Pada onCreate panggil fungsi setupTabLayout untuk memerintahkan program membuat TabLayout yang sudah kita siapkan.

Untuk full source code yang ada di TabGooglePlayActivity sebagai berikut :

Ketujuh,

Silahkan jalankan aplikasi, maka tampilan aplikasi akan seperti ini :

Cara Membuat TabLayout Android
Cara Membuat TabLayout Android

Download Cara Membuat TabLayout Android

button_download_farizdotid


Baca Tutorial Pemrograman Android lainnya :


Sekian artikel Tutorial Pemrograman Android kali ini mengenai Cara Membuat TabLayout Android. Semoga bermanfaat.

Gravatar Image
Seorang manusia biasa yang mempunyai fokus ke bidang pemrograman android dan ngeblog mengenai teknologi.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.