A HorizontalScrollView is a FrameLayout. The android.widget.HorizontalScrollView class provides the functionality of horizontal scroll view. HorizontalScrollView is used to scroll the child elements or views in a horizontal direction. HorizontalScrollView only supports horizontal scrolling.

For vertical scroll, android uses ScrollView.

Let’s implement simple example of HorizontalScrollView.

activity_main.xml

Now, drag HorizontalScrollView from palette to activity_main.xml file and place some views or elements inside it.

<?xml version=“1.0” encoding=“utf-8”?>
<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”>
<TextView
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:textAppearance=“?android:attr/textAppearanceSmall”
android:text=“Horizontal ScrollView Example”
android:id=“@+id/textView”
android:layout_alignParentTop=“true”
android:layout_centerHorizontal=“true” />
<LinearLayout
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:layout_marginTop=“25dp”>
<HorizontalScrollView
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:id=“@+id/horizontalScrollView”>
<LinearLayout
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:orientation=“horizontal”>
<Button
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“New Button1”
android:id=“@+id/button1” />
<Button
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“New Button2”
android:id=“@+id/button2” />
<Button
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“New Button3”
android:id=“@+id/button3” />
<Button
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“New Button4”
android:id=“@+id/button4” />

 

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“New Button5”

android:id=“@+id/button5” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“New Button6”

android:id=“@+id/button6” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“New Button7”

android:id=“@+id/button7” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“New Button8”

android:id=“@+id/button8”/>

</LinearLayout>

</HorizontalScrollView>

</LinearLayout>

</RelativeLayout>

Activity class

This is auto generated code, we have not written any code here.

File: MainActivity.java

package com.example.test.horizantalscrollview;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

android ScrollView Horizontal 1

android ScrollView Horizontal 2