Belajar Menggunakan ScrollView di Android Studio

Oke dalam artikel kali ini kita akan membahas mengenai ScrollView di Android Studio dalam artikel ini juga akan di bahas bagaimana cara men-scroll atau menggulir layar aplikasi android.

ScrollView di Android Studio

ScrollView di Android Studio ini adalah komponen yang digunakan untuk menggulir layar aplikasi android. Jadi, ketika anda menggunakan banyak tampilan seperti Button, TextView, EditText dan lain sebagainya dan membuat layar android penuh, anda bisa menggunakan komponen ini agar tampilan-tampilan tersebut bisa digulir ke atas atau ke bawah. Jika anda tertarik, anda bisa membaca artikel mengenai EditText dibawah ini.

Baca Juga: Belajar Menggunakan EditText pada Android Studio

Dalam menggunakan ScrollView di Android Studio ini, saya biasanya mengatur ukuran layout_height dan ukuran layout_width scrollview tersebut sama dengan ukuran layar ponsel yang digunakan. Anda juga bisa mengkostum sendiri ukuran layout_height dan ukuran layout_width dengan bebas.

Sintak ScrollView di Android Studio

Berikut ini adalah sintak ScrollView pada file XML di Android Studio.

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    android:id="@+id/scrollview1"
</ScrollView>

Atribut ScrollView

Atribut yang biasa digunakan dalam ScrollView tidak begitu banyak. Dibawah ini adalah beberapa atribut yang biasa digunakan dalam tampilan ScrollView.

1. android:id

Atribut ini adalah atribut yang digunakan untuk memberikan kode unik untuk identifikasi suatu ScrollView. Anda bisa menggunakan beberapa tampilan ScrollView dalam satu file XML. Berikut ini adalah contoh dari atribut android:id.

<ScrollView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/scrollview1">
</ScrollView>

2. android:scrollbars

Atribut ini adalah atribut yang digunakan untuk menunjukan atau memunculkan scrollbar pada tampilan aplikasi android ketika dijalankan. Nilai dari atribut ini bisa berupa vertical, horizontal dan none. Secara default Android Studio menggunakan vertical untuk nilai atribut ini. Berikut ini adalah contoh dari atribut android:scrollbars.

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="vertical">
</ScrollView>

Dibawah ini saya sudah membuat contoh sederhana mengenai ScrollView pada Android Studio.

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="vertical"
    android:padding="10dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Contoh ScrollView"
            android:textSize="30sp"
            android:textStyle="bold"
            android:textAlignment="center"
            android:layout_marginBottom="20dp"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:text="BuTTOn 1"
            android:background="@color/colorPrimary"
            android:layout_marginBottom="20dp"
            android:textColor="#FFF"
            />

        <Button
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:text="BuTTOn 2"
            android:background="@color/colorAccent"
            android:layout_marginBottom="20dp"
            android:textColor="#FFF"
            />

        <Button
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:text="BuTTOn 3"
            android:background="#07f418"
            android:layout_marginBottom="20dp"
            android:textColor="#FFF"
            />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="500dp"
            android:src="@drawable/android"
            android:scaleType="centerCrop"/>
        
    </LinearLayout>
</ScrollView>

Jika dijalankan, hasilnya akan tampak seperti gambar dibawah ini.

Contoh ScrollView

Contoh ScrollView

Nah itulah artikel singkat mengenai ScrollView di Android Studio. Semoga artikel ini bisa membantu anda dalam belajar pemrograman android dengan Android Studio.

Jika anda memiliki pertanyaan mengenai ScrollView ini anda bisa tanya lewat kolom komentar atau pada halaman Hubungi Saya.

Anda juga bisa mengirimkan kritik dan saran mengenai artikel atau blog ini di kolom komentar atau pada halaman Hubungi Saya agar blog ini bisa menjadi lebih baik lagi nantinya.

Terima Kasih.

Leave a Reply

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