13 April 2024
0 0
Read Time:2 Minute, 53 Second

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.

Baca juga artikel :  Cara Membuat Bottom Navigation di Kodular

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.

Baca juga artikel :  Cara Mengecek Jaringan atau Internet secara Realtime dengan Kodular

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.

Baca juga artikel :  Cara Menambahkan Uses Permission MEDIA di Companion Kodular khusus Android 13

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.

Baca juga artikel :  Cara Membuat Circle Button dari Card View di Kodular

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

Baca juga artikel :  Blok Program Screen Ask For Permission di Kodular atau App Inventor
Baca juga artikel :  Blok Program Screen BackPressed pada Kodular atau App Inventor
Baca juga artikel :  Cara Membuat SnackBar di Kodular
Baca juga artikel :  Penjelasan Bagian Layout pada Kodular
Baca juga artikel :  Cara Menampilkan Data Terbatas dengan Pagination Sederhana dari data CSV Assets di Kodular

About Post Author

Dwi Lestari

Saya bukanlah penulis handal dan hanya menyampaikan sesuatu yang bisa disampaikan.
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

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