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

Cara Membuat Contoh Custom ScrollView Vertical 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 Vertical 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 Vertical pada Layout.xml. Jadi  di ScollView ini kita akan  menggunakan Atribut , sehingga bisa di customize sesuai keinginan kita. Posisinya kita akan buat secara vertikal.

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 vertical_scrollview_bg.xml
file kedua saya menggunakan nama vertical_scrollview_line.xml


Baca juga :




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

vertical_scrollview_bg.xml


vertical_scrollview_line.xml


3. Lalu copykan baris instruksi berikut pada activity_main.xml



Penerapanya di Android Studio seperti pada gambar dibawah ini :

Preview Contoh Custom ScrollView Vertical di Android Studio
Preview Contoh Custom ScrollView Vertical

Sekarang ,coba kalian jalankan Aplikasinya  lalu ketika kalian scroll ke bawah ,kalian akan melihat Scroll Bar dengan kombinasi warna setelah kita gunakan  Atribut. Kira-kira hasilnya seperti pada  gambar dibawah:


Hasil Contoh Custom ScrollView Vertical
Hasil Contoh Custom ScrollView Vertical

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

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

Back To Top
-->