Cara Membuat HorizontalScrollView di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

Sebelumnya saya sudah membahas mengenai penggunaan ScrollView untuk pengembangan aplikasi Android. pada meteri tersebut kita belajar bagaimana cara membuat ScrollView secara vertikal, pada tutorial ini kita akan mencoba membuat ScrollView secara horizontal menggunakan widget HorizontalScrollView.


ScrollView sangat penting untuk pengembangan aplikasi android, Didalam Android Studio terdapat beberapa jenis ScrollView, yaitu ScrollView Vertikal, HorizontalScrollView dan Nested ScrollView (ScrollView bersarang).

Materi lainnya yang direkomendasikan:

Tetapi pada penbahasan ini kita hanya akan belajar mengenai penggunaan HorizontalScrollView, untuk komponen layout didalam activity. Penjelasan lebih lanju mengenai jenis ScrollView lainnya akan saya dibahas di postingan berikutnya.

Cara Membuat HorizontalScrollView di Android Studio

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

2) Pada contoh program berikut ini, kita akan membuat beberapa Button yang berjajar secara horizontal. Buka activity_main.xml kalian,  tambahkan beberapa Button yang akan kita bungkus menggunakan widget HorizontalScrollView.. 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">


    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        tools:ignore="UselessParent">

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

            <Button
                android:id="@+id/button1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Button 1" />

            <Button
                android:id="@+id/button2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Button 2" />

            <Button
                android:id="@+id/button3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Button 3" />

            <Button
                android:id="@+id/button4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Button 4" />

            <Button
                android:id="@+id/button5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Button 5" />
        </LinearLayout>
        
    </HorizontalScrollView>
</RelativeLayout>
Didalam Widget HorizontalScrollView perlu kita tambahkan ViewGroup seperti LinearLayout (horizontal) agar konten dapat di Scroll secara horizontal.

Demo:


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.