Cara Membuat Contoh Custom ScrollView Horizontal pada Layout.xml

ScrollView adalah salah satu jenis komponen yang digunakan pada user interface di layout.xml. ScrollView berbeda dengan LinearLayout dan RelativeLayout,ScrollView berfungsi untuk memuat suatu layar agar dapat ditampilkan secara penuh, serta akan menambahkan scrollbar di samping layar.

Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android Studio .

Pada tutorial belajar Android Studio kali ini , kita akan membuat Contoh Custom ScrollView Horizontal pada Layout.xml. Jadi di ScollView ini kita akan menggunakan Atribut , sehingga bisa di customize sesuai keinginan kita. Posisinya kita akan buat secara horisontal.

1.Disini pertama kita akan membuat 2 file Drawable resource file yang terletak di app/res/drawable.

Kalian bisa membuatnya dengan cara klik kanan pada folder drawable. Pilih New> Drawable resource file. lalu tentukan nama file xmlnya.

Membuat drawable resource file

file pertama saya menggunakan nama horizontal_scrollview_bg.xml
file kedua saya menggunakan nama horizontal_scrollview_line.xml

Baca juga :

2. Setelah dibuat filenya isikan dengan baris instruksi dibawah sesuai dengan nama file xmlnya.

horizontal_scrollview_bg.xml

horizontal_scrollview_line.xml

3. Lalu copykan baris instruksi berikut pada activity_main.xml

Penerapanya di Android Studio seperti pada gambar dibawah ini :

Preview Custom ScrollView Horizontal

Sekarang ,coba kalian jalankan Aplikasinya lalu ketika kalian scroll ke bawah ,kalian akan melihat Scroll Bar dengan kombinasi warna setelah kita gunakan Atribut. Oh ya pastikan untuk melihat tampilan horisontal ,kalian bisa mengaktifkan auto-rotation di perangkat Android kalian. Kira-kira hasilnya seperti pada gambar dibawah: