Cara Membuat Carousel di Android Studio

  1. Home
  2. Blog
  3. Cara Membuat Carousel di Android Studio

Cara Membuat Carousel di Android Studio

WarungKomputer.com-Pembaca warung komputer tentu sudah sering melihat komponen Carousel. Carousel merupakan komponen yang menampilkan slideshow dari kumpulan data, pada umumnya data beruga gambar. Nah, kali ini kita akan belajar bagaimana membuat komponen Carousel ini di Android dengan Android Studio dan Java. Berikut Cara Membuat Carousel di Android Studio

Cara Membuat Carousel di Android Studio

Cara Mudah Membuat Carousel di Android Studio

Ditulis oleh Lobot Hijau, dipublikasi pada 31 Dec 2017 dalam kategori Tutorial

Cara Mudah Membuat Carousel di Android Studio - CodePolitan.com

Pembaca Codepolitan tentu sudah sering melihat komponen Carousel. Carousel merupakan komponen yang menampilkan slideshow dari kumpulan data, pada umumnya data beruga gambar. Nah, kali ini kita akan belajar bagaimana membuat komponen Carousel ini di Android dengan Android Studio dan Java. Berikut ini tampilan yang akan kita buat:

Buat Project Baru

Silahkan buat project baru. Beri nama sesuai keinginan, tapi di sini akan penulis beri nama “Carousel Sederhana”.

Untuk versi minimum sdk pilih API Level 16 dan untuk template-nya pilih Basic Activity saja.

Sumber Gambar

Setelah proses pembuatan project baru selesai, silahkan unduh kelima gambar yang akan kita pakai berikut ini (pembaca juga boleh menggunakan gambar sendiri jika mau):

Salin kelima gambar di atas ke dalam direktori res > drawable sehingga sekarang isi direktori drawable kita menjadi:

Tambah Dependensi

Selanjutnya tambah dependensi berikut ke file build.gradle (Module: app) dan lakukan sync:

compile 'com.synnapps:carouselview:0.1.4'

Layout XML

Setelah melakukan sync, buka file content_main.xml lalu ubah isinya menjadi:

  • com.synnapps.carouselview.CarouselView adalah nama View untuk menampilkan Carousel dan hanya bisa ditulis apabila sudah emnambahkan dependensi di atas.
  • app:fillColor adalah nama properti untuk menentukan warna lingkaran yang menunjukkan posisi gambar yang sedang tampil.
  • app:radius adalah nama properti untuk menentukan ukuran lingkaran-lingkaran penunjuk posisi gambar.
  • app:slideInterval adalah nama properti untuk menentukan lama waktu pergantian gambar secara otomatis (dalam milidetik).
  • app:strokeColor adalah nama properti untuk menentukan warna garis lingkaran.
  • app:strikeWidth adalah nama properti untuk menentukan ketebalan garis lingkaran.

Activity

Untuk membuat CarouselView kita bekerja, tulis kode berikut di file MainActivity.java:

  • Dibaris ke empat kita membuat objek baru bertipe CarouselView (sesuai dengan kompoenen XML yang tadi sudah kita tulis
  • Dibaris kelima kita membuat sebuah array yang didalamnya adalah id dari kelima gambar yagn sudah kita tambahkan di res > drawable
  • Dibaris keempat belas kita melakukan findViewById() seperti biasanya
  • Dibaris kelima belas kita menentukan jumlah gambar yang akan ditampilkan di CarouselView dengan mengambil panjang array sampleImages
  • Dibaris keenam belas kita melakukan setImageListener yang akan mengubah gambar sesuai dengan urutan dan posisinya masing-masing dimana deklarasi listener tersebut berada di baris 28-33

Silahkan RUN dan pastikan aplikasi Carousel kita dapat berjalan dengan baik.

Error java.lang.OutOfMemoryError

Apabila saat di RUN ternyata terjadi crash dengan pesan java.lang.aOutOfMemoryError silahkan tambahkan dua baris berikut ke tag AndroidManifest.xml:

android:hardwareAccelerated="false"
android:largeHeap="true"

 

Akhir kata:
Semoga artikel Cara Membuat Carousel di Android Studio bisa membantu kalian yang inginn membuat carousel, dan jangan lupa untuk baca artikel lainnya di warung komputer

SUMBER:
codepolitan.com

 

, , , , ,
Previous Post
Cara Mudah Mengakses Website yang sudah Diblokir
Next Post
Cara Mudah Membuat Stepper Layout di Android

Related Posts

Selected Grid Layout is not found. Check the element settings.

Leave a Reply

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

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Artikel Terbaru

Kategori Artikel

Menu