ScrollView and HorizontalScrollView

ScrollView and HorizontalScrollView are layout container for a view hierarchy that can be scrolled vertically or horizontally by the user, allowing it to be larger than the physical display. A ScrollView/HorizontalScrollView is a FrameLayout, meaning you should place one child in it containing the entire contents to scroll; this child may itself be a layout manager with a complex hierarchy of objects.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
<TextView
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="@string/hello"
  />
<HorizontalScrollView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<LinearLayout
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<TextView
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Inside 1st HorizontalScrollView" />
<LinearLayout
  android:orientation="horizontal"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<Button
  android:text="Button A1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button A2"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button A3"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button A4"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button A5"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
</LinearLayout>
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<LinearLayout
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<TextView
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Inside 2nd HorizontalScrollView" />
<LinearLayout
  android:orientation="horizontal"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<Button
  android:text="Button B1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button B2"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button B3"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button B4"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button B5"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
<Button
  android:text="Button B6"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
</LinearLayout>
</LinearLayout>
</HorizontalScrollView>
<ScrollView
android:layout_height="fill_parent"
android:layout_width="fill_parent">
<LinearLayout
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" >
<TextView
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Inside ScrollView" />
<Button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Button C"/>
<Button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Button D"/>
<Button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Button E"/>
<Button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Button F"/>
<Button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Button G"/>
<Button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Button H"/>
<Button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="Button I"/>
</LinearLayout>
</ScrollView>
</LinearLayout>

Tweet