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:

• Cara Menerapkan Show/Hide Password di Android Studio
• Belajar Membuat Aplikasi Countdown Timer di Android
• Belajar Menggunakan CheckedTextView di Android Studio
• Cara Membuat Circle Image pada Android Studio

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.