8/13/2018

Belajar Cara Membuat ScrollView di Android Studio

8/13/2018


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.