Belajar Cara Membuat ScrollView di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

Pada materi berikut ini saya akan membahas dasar-dasar penggunaan widget ScrollView untuk pengembangan aplikasi Android menggunakan Android Studio. ScrollView digunakan agar konten pada layar aplikasi dapat di Scroll secara vertikal, karena jika tidak mengguanakan ScrollView, jika konten kita melebihi ukuran layar maka konten tersebut akan terpotong.


ScrollView sangat penting sekali untuk pengembangan aplikasi android, hampi semua aplikasi yang di kembangkan menggunakan ScrollView. Didalam Android Studio terdapat beberapa jenis ScrollView, yaitu ScrollView Vertikal, HorizontalScrollView dan Nested ScrollView (ScrollView bersarang).

Materi lainnya yang direkomendasikan:

Tetapi disini kita hanya akan membahas mengenai penggunaan ScrollView secara vertikal saja, untuk komponen layout didalam activity. Penjelasan lebih lanju mengenai jenis ScrollView lainnya akan saya dibahas di postingan berikutnya.

Belajar Cara Membuat ScrollView di Android Studio

1) Buka aplikasi Android Studio kalian, buat project baru.

2) Pada contoh program berikut ini, misalnya kita ingin membuat sebuah teks panjang menggunakan widget TextView dan sebuah Button dibawahnya.

Untuk membuat teks yang panjang tersebut kita akan menggunakan data String didalam file string.xml, buka folder res > values > string.xml. Disini kalian buat variable string baru yang isinya teks panjang, misalnya seperti berikut ini.
<resources>

  <string name="teks_panjang">Java adalah bahasa pemrograman yang dapat dijalankan di berbagai 
      komputer termasuk telepon genggam. Bahasa ini awalnya dibuat oleh James Gosling saat masih 
      bergabung di Sun Microsystems saat ini merupakan bagian dari Oracle dan dirilis tahun 1995. 
      Bahasa ini banyak mengadopsi sintaksis yang terdapat pada C dan C++ namun dengan sintaksis 
      model objek yang lebih sederhana serta dukungan rutin-rutin aras bawah yang minimal. 
      Aplikasi-aplikasi berbasis java umumnya dikompilasi ke dalam p-code (bytecode) 
      dan dapat dijalankan pada berbagai Mesin Virtual Java (JVM). Java merupakan bahasa pemrograman 
      yang bersifat umum/non-spesifik (general purpose), dan secara khusus didisain untuk memanfaatkan 
      dependensi implementasi seminimal mungkin. Karena fungsionalitasnya yang memungkinkan aplikasi
      java mampu berjalan di beberapa platform sistem operasi yang berbeda, java dikenal pula dengan 
      slogannya, "Tulis sekali, jalankan di mana pun". Saat ini java merupakan bahasa pemrograman 
      yang paling populer digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai jenis
      perangkat lunak aplikasi ataupun aplikasi</string>

</resources>
Didalam file string.xml tersebut kita membuat variable baru bernama teks_panjang yang isinya mengenai java, tapi kalian bisa sesuaikan sendiri.

3) Lalu pada activity_main.xml kita tambahkan TextView dan Button yang di bungkus kedalam ScrollView. seperti berikut ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="12dp"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

            <TextView
                android:id="@+id/textView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/teks_panjang"
                android:textSize="15sp" />

            <Button
                android:id="@+id/button"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Button" />
            
        </LinearLayout>
    </ScrollView>
</RelativeLayout>
Didalam ScrollView tersebut perlu kita tambahkan ViewGroup seperti LinearLayout (vertical), lalu kita tambahkan atribut android:text="@string/teks_panjang" didalam TextView, untuk menempilkan teks yang telah kita buat pada file string.xml.

Demo:


Catat bahwa sebuah TextView tidak memerlukan ScrollView jika hanya ingin agar teks didalamnya dapat di scroll. Kita hanya cukup gunakan artibut scrollbars dan tentukan nilannya menjadi vartical, seperti ini
<TextView
    android:id="@+id/textView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/teks_panjang"
    android:scrollbars="vertical"
    sandroid:textSize="15sp" />
Lalu pada class Java-nya tambahkan baris kode berikut ini
package android.cianjur.developer.net.basicandroid;

/*
 Dibuat Oleh WILDAN M ATHOILLAH
 */

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.method.ScrollingMovementMethod;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //Inisialisasi dan Deklarasi TextView
        TextView textView = findViewById(R.id.textView);
        
        //Menambahkan method Scrolling agar TextView dapat di Scroll 
        textView.setMovementMethod(new ScrollingMovementMethod());
    }
}
Itu diperlukan jika kita hanya ingin TextView saja yang dapat di Scroll.

Sekian dari saya, mohon maaf bila ada kesalahan, jika ada yang ingin ditanyaka, silakan isi kolom komentar dibawah ini.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Wildan M Athoillah
Wildan M Athoillah Blogger dan spesialis pembuat aplikasi android.