Artikel ini membahas tentang pembuatan tampilan image Slider di dalam aplikasi Android yang biasanya ditemukan bagian dashboard atau welcome pada aplikasi Android yang bertema e-commerce atau olshop. Hal ini biasanya digunakan untuk membuat atau menampilkan beberapa gambar dalam bentuk galeri yang bersifat sangat penting seperti gambar promosi produk, gambar mahasiswa atau pegawai terbaik supaya calon ini bisa bergabung ke kampus atau mitra kerja, dan kegunaan galeri lainnya.
View Flipper merupakan salah satu komponen yang terdapat pada bagian Views dari Pallete yang digunakan untuk membuat tampilan beberapa gambar menjadi satu secara slider.
Penulis memberikan tutorial untuk membuat image slider di aplikasi Android dengan menggunakan aplikasi Android dengan menggunakan fitur View Flipper di dalam Kodular. Jadi, kamu dapat memasang beberapa gambar yang dibentuk secara image slider di dalam aplikasi Android agar pengguna aplikasi tersebut semakin tertarik dengan aplikasi tersebut.
LANGKAH-LANGKAH
1. Kunjungi situs c.kodular.io
2. Lakukan login secara manual maupun OAtuh System dengan benar.
3. Klik Create Project untuk membuat project baru khusus event klik Label.
4. Berikan nama project yaitu imageslider1, klik Next.
5. Untuk pengaturan tampilan UI aplikasi, Package Name, dan lainnya itu dibiarkan saja dan langsung klik Finish. Tunggu beberapa saat sampai muncul tampilan kerja.
6. Aturlah tata letak khusus Screen pertama menjadi tengah semua.
7. Masuki Pallete >>> Layout >>> Views >>> Drag View Flipper ke Screen.
8. Aturlah ukuran width dan height pada View Flipper dengan sesuai kebutuhan, tekan Enter.
9. Klik ikon Image untuk memasukkan beberapa gambar ke dalam Assets.
10. Klik Upload Asset.
11. Pilihlah file yang ingin menjadikan image slider, klik OK.
Lakukan secara berulang-ulang dari langkah ke-10 sampai ke-11 untuk memasukkan beberapa file gambar ke dalam Asset.
12. Berikut hasil pilihan beberapa gambar yang dijadikan image slider.
13. Masukkan beberapa elements yang sesuai dengan jumlah dan nama file gambar masing-masing di dalam Asset. Apabila kamu mengambil gambar selain Asset seperti internet atau storage internal, dapat dilakukan melalui blok program.
14. Buatlah dua unit button untuk start efek slider dan menghentikan efek slider pada View Flipper dengan berikan nama masing-masing button untuk start dan stop tersebut dengan sesuai kebutuhan kamu.
15. Klik Blocks.
16. Buatlah klik Button untuk Start image slider.
17. Buatlah klik Button untuk Stop image slider.
18. Klik Test >>> Connect to Companion.
19. Masukkan kode Companion ke dalam Aplikasi Kodular Companion yang terpasang di Android.
Selesai.
TAMPILAN HASIL
Berikut hasil dalam tampilan aplikasi untuk image slider. Kamu bisa menekan salah satu button baik itu start ataupun stop image slider dan lihatlah hasilnya.
DISCLAIMER FOR ANDROID 11
Untuk pengguna Android 11 dalam mengikuti tutorial ini tidak tahu bekerja atau tidak blok program ini. Ada kemungkinan metode blok program khusus Android 11 itu berbeda dari Android 10 kebawah. Apabila Tutorial ini tidak working di Android 11, maka coba menggunakan file ASD System untuk mengambil gambar dari Assets atau Storage Internal.
PENUTUP
Kamu bisa membuat image slider sendiri dalam aplikasi Android menggunakan Kodular yang dimana kamu tidak perlu ketik coding dari awal lagi sehingga bisa menghasilkan aplikasi Android dalam waktu yang cepat (tergantung sistem aplikasi yang akan dibuat :D).
Misalkan, kamu membuat aplikasi toko online atau konten afiliasi dari salah satu marketplace berbasis Android dalam melakukan promosi produk tersebut melalui tampilan image slider di dalam aplikasi Android buatan kamu sendiri seperti Cashback atau Diskon produk yang kamu jualkan ke orang lain.
BACA ARTIKEL LAIN
