Cara Membuat Contoh Custom ScrollView Horizontal pada Layout.xml - Okedroid.com | Belajar Coding Aplikasi Java Android Online
Okedroid.com | Belajar Coding Aplikasi Java Android Online

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.


Cara Membuat Contoh Custom ScrollView Horizontal pada Layout.xml


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 NewDrawable resource file. lalu tentukan nama file xmlnya.

Membuat drawable resource file di Android Studio
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 di Android Studio
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:
 

                                       

Hasil Custom ScrollView Horzontal
Hasil Custom ScrollView Horzontal




0 Komentar untuk "Cara Membuat Contoh Custom ScrollView Horizontal pada Layout.xml"

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini . NO BACKLINK /LINK HIDUP

Back To Top
-->