Hallo sahabat infotechku, kami akan berbagi tutorial cara membuatt viewpager2 di android studio, untuk itu simak baik-baik agar kalian paham dan berhasil untuk membuatnya.
sebelum itu kalian pasti ada yang sudah tau apa itu viewpager2 dan ada juga yang belum tau apa itu viewpager2 ? untuk itu mari baca sedikit pengertian viewpager2
Perkenalan
ViewPager2
adalah versi library ViewPager
yang ditingkatkan, menawarkan fungsionalitas yang disempurnakan dan menangani kesulitan umum dalam penggunaan ViewPager
.
ViewPager2
mendukung penjelajahan halaman melalui kumpulan fragmen yang dapat diubah, memanggil notifyDatasetChanged()
untuk memperbarui UI saat kumpulan yang mendasarinya berubah.
Artinya, aplikasi Anda dapat memodifikasi kumpulan fragmen secara dinamis pada waktu proses, dan ViewPager2
akan menampilkan kumpulan yang dimodifikasi dengan benar.
diterjemahkan dari developer.android.com
oke langsung ke langkah nya yahh
Import Library
karena kita menggunakan viewpager2 maka kita memerlukan library material ui karena viewpager2 sudah bisa langsung dipakai jika sudah import library material ui tersebut. Berikut library yang dibutuhkan seperti ini
setelah sudash kalin sync now untuk meng import librarynya lalu setelah selesai kalian..
Layouting
lanngkah selanjutnya yaitu membuat item dari image slider yang akan kita buat, berikut item code dari image slidernya…
item_image.xml
setelah selesai membuat item viewpagernya kalian tinggal tambahkan komponen viewpager2 yaitu seperti berikut..
activity_main.xml
selanjutanya karena kita menggunakan data manual dari android studio nya maka kita tambahkan gambar dahulu di drawable nya dengan cara copy paste dan menjadi seperti berikut..
itu gambarnya dummy terserah kalian gambar apa aja yah, selanjutanya kalo sudah, next langkah yaitu
Buat Adapter
eitss tunggu duku guys sebelum itu ada yang kelewat nihh, kalia`n buat model nya telebih dahulu setelah itu baru adapternya.. berikut modelnya
Promo.kt
seperti membuat recyclerview pada umumnya, viewpager2 juga menggunakan adapter untuk menampung data, berikut codenya…
ViewpagerAdapter.kt
setelah buat adapter seperti buat adapter untuk recyclerview kalian selanjutnya tinggal..
Coding
ini tahap atau langkah terakhir untuk membuat image slider dengan viewpager2 ketikan code berikut pada MainActivitynya
Nahh guyss setelah semua yang diatas telah dilakukan dengan baik tanpa error maka selanjutnya kalian jalankan projeknya, maka akan auto slider sendiri imagenyaa…
Penutup
alhamdullilah kalian telah mengitkuti tutorial cara membuat image slider denga viewpager2 dengan baik dan apabila terdapat error bisa ditanyakan di komentar yahh! kalian juga bisa request tutorial dan semoga bermanfaar guyss…
sekian terimakasih