HorizontalScrollView

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

Android Tutorial

Android Widgets

Activity and Intents

Android Fragments

Android Menu

Android Service

Android AlarmManager

Android Storage

Android SQLite

XML and JSON

Android Multimedia

Android Speech

Android Telephony

Android Device

Camera Tutorial

Sensor Tutorial

Android Graphics

Android Animation

Android Web Service

Google Map

Adding Ads

Android Examples

Android Social

Android Versions

Android Misc

Android MCQ

Android Interview

Android Quiz