Tutorial membuat Image slider dengan viewpager2 di android studio

1 min read

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

Leave a Reply

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