JasaSoftwareSemarang: Cara Membuat Horizontal ScrollView di Android Studio

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:layout_width="match_parent"
android:padding="16dp">
    <RelativeLayout
        android:layout_height="match_parent">

android:id="@+id/button1"
<Button
            android:layout_width="200dp"
            android:layout_height="wrap_content"

android:background="@color/colorPrimary"
android:text="Button 1"
            android:textColor="#FFF"
            android:layout_centerVertical="true"

android:layout_height="wrap_content"
android:layout_marginRight="10dp"/>
        <Button
            android:layout_width="200dp"
            android:id="@+id/button2"

android:layout_centerVertical="true"
android:textColor="#FFF"
            android:text="Button 2"
            android:background="@color/colorPrimaryDark"
            android:layout_toRightOf="@id/button1"

android:id="@+id/button3"
android:layout_marginRight="10dp"/>
        <Button
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:text="Button 3"
            android:textColor="#FFF"

</HorizontalScrollView>
android:background="@color/colorAccent"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/button2"
            android:layout_marginRight="10dp"/>

</RelativeLayout>

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