Cara Membuat Horizontal ScrollView di Android Studio

Pada artikel sebelumnya kita telah membahas mengenai bagaimana cara membuat ScrollView di Android Studio. Pada artikel kali ini kita akan membahas mengenai Cara Membuat Horizontal ScrollView di Android Studio. Sebelum masuk ke pembahasan ada baiknya anda membaca artikel saya mengenai Belajar Menggunakan ScrollView di Android Studio, karena artikel ini adalah artikel lanjutan dari artikel tersebut.

Cara Membuat Horizontal ScrollView di Android Studio

Ketika kita ingin membuat scrollview secara horizontal, maka kita harus menggunakan tampilan scrollview yang khusus untuk posisi horizontal, karena tampilan scrollview yang biasa hanya dapat digunakan untuk posisi vertikal.

Berikut ini adalah kode XML untuk membuat scrollview secara horizontal.

<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

Untuk atribut dari tampilan ini masih sama seperti ScrollView yang biasa. Anda juga bisa menambahkan atribut lainnya seperti padding, margin, background dan atribut-atribut lainnya.

Supaya lebih jelas lagi, dibawah ini ada contoh sederhana mengenai Horizontal Scrollview di Android Studio.

Dalam contoh ini saya menggunakan tiga buah button dengan ukuran 200dp, sehingga lebarnya melebihi ukuran layar ponsel yang digunakan.

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

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

        <Button
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:id="@+id/button1"
            android:text="Button 1"
            android:textColor="#FFF"
            android:background="@color/colorPrimary"
            android:layout_centerVertical="true"
            android:layout_marginRight="10dp"/>

        <Button
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:id="@+id/button2"
            android:textColor="#FFF"
            android:text="Button 2"
            android:background="@color/colorPrimaryDark"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/button1"
            android:layout_marginRight="10dp"/>

        <Button
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:id="@+id/button3"
            android:text="Button 3"
            android:textColor="#FFF"
            android:background="@color/colorAccent"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/button2"
            android:layout_marginRight="10dp"/>
    </RelativeLayout>
</HorizontalScrollView>

Jika dirunning menggunakan emulator, maka hasilnya akan tampak seperti di bawah ini.

Cara membuat Horizontal ScrollView di Android Studio

Cara Membuat Horizontal ScrollView di Android Studio

Nah itulah artikel singkat mengenai Cara Membuat Horizontal ScrollView di Android Studio. Semoga artikel ini dapat membantu anda dalam belajar pemrograman android dengan menggunakan Android Studio.

Jika ada pertanyaan atau kritik dan saran mengenai artikel dan blog ini, bisa anda sampaikan melalui Halaman Hubungi Saya atau pada kolom komentar. Gunakanlah nama dan kalimat yang sopan ketika anda berkomentar.

Terima Kasih.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.