Mengenal View Pager dan Fragment

Abdhi
Amikom Computer Club
2 min readNov 25, 2021

Fragment

Fragment merupakan salah satu komponen pada Android Studio dengan fungsi yang hampir sama seperti activity tetapi memiliki “lifecycle” yang berbeda.
Fragment merupakan bagian dari sebuah activity yang mana sebuah fragment tidak akan ada bila tidak ada sebuah activity karena fragment membutuhkan akses dari activity untuk dapat dijalankan.
Jadi, fragment tidak dapat berjalan sendiri tanpa adanya activity tempat mereka menempel.

Praktikum

Buat Fragment News dan Fragment Favorite

Pada NewsFragment.kt dan FragmentFavorite.kt sisakan seperti ini

Kemudian tambahkan onViewCreated (untuk logicnya)

Untuk mengetahui perbedaannya, kita ubah pada layoutnya fragment_news.xml dan fragment_favorite.xml)
Fragment news

Fragment favorite

Swipe Tab

Swibe tab atau geser layar adalah transisi antara satu layar penuh ke layar yang lain dan sering digunakan di UI seperti wizard penyiapan atau slideshow. Kali ini kita akan membuat swipe tab menggunakan View Pager. View Pager adalah salah satu komponen view pada android, yang di sediakan pada para developer untuk membuat design yang dapat beranimasi, maksudnya design di sini adalah suatu atau kumpulan object baik berupa komponen view lainnya seperti layout, input, listview, textview, image dan lain-lain.
View Pager yang kali ini dibuat adalah view pager sederhana yaitu view pager yang slide berganti dari kanan ke kiri dan sebaliknya.

Praktikum

Pada layout activity_main.xml ubah seperti ini

Buat adapter baru

Pada ViewPagerAdapter.kt buat seperti ini

Pada MainActivity.kt buat seperti ini

Action Bar

Action bar atau disebut juga dengan app bar adalah salah satu elemen yang paling penting dalam activity app kita, karena Action Bar menyediakan struktur visual dan elemen yang interaktif bagi user. Dengan menggunakan app bar akan membuat app kita konsisten dengan app Android yang lain, membuat user bisa memahami dengan cepat bagaimana cara kerja app kita dan membuat experience yang baik.
ActionBar dapat terdiri dari:

  1. Sebuah ikon aplikasi
  2. Sebuah “tombol kembali”
  3. Ikon untuk sebuah activity
  4. Navigasi konsisten (termasuk navigation drawer)

Praktikum

Buat Resource File Baru untuk menu

Tambahkan pada MainActivity.kt

Pada onCreate, tambahkan

Tambahkan pada activity_main.xml

Hasil Praktikum

--

--