In this tutorial, we will show you, how to use Android ScrollView component and create a simple example using various ScrollView properties.
Most Android application will likely to have the contents that’s doesn’t fit the screen. Think a bit about displaying the news details, the contents are dynamic and can grow beyond your screen size. If we design our screen layout using standard layout managers like LinearLayout, RelativeLayout, FrameLayout or TableLayout; when the content grows, and data goes beyond screen size, and user won’t be able scroll and view the content.
ScrollView is a special kind of layout, designed to hold view larger than its actual size. When the Views size goes beyond the ScrollView size, it automatically adds scroll bars and can be scrolled vertically.
- ScrollView can hold only one direct child. This means that, if you have complex layout with more view controls, you must enclose them inside another standard layout like LinearLayout, TableLayout or RelativeLayout.
- You can specify
layout_heightandlayout_widthto adjust height and width of screen. - Scrollview is ideal for screens where scrolling is required, but it is an overhead when scroll view is used to render a larger list of data. Android provides specialized adapter views like ListView, GridView and Recycler View (Introduced in Android Lollipop) are recommended for long lists.
- You should never use a ScrollView with a ListView or GridView, because they both takes care of their own vertical scrolling.
- ScrollView only supports vertical scrolling. Use
HorizontalScrollViewfor horizontal scrolling. - The
android:fillViewportproperty defines whether the scrollview should stretch its content to fill the viewport. You can set the same property by callingsetFillViewport(boolean)method.
Android ScrollView Example
Let us create an example that displays the layout as shown in the below screenshot. Notice that the blue like indicates the outline of textView2 is gone beyond the scren.
Scrollbar Layout
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="10dp"
android:fillViewport="false">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="200dp"
android:scaleType="centerCrop"
android:src="@drawable/image" />
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="KNOW MORE" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/title"
android:textAppearance="?android:attr/textAppearanceLarge" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/description"
android:textAppearance="?android:attr/textAppearanceSmall" />
</LinearLayout>
</ScrollView>
Thanks Nilanchala
Hey Arun, not sure I get your question. Do you mean expandable list view?
how to right content under string/description?
how it made the statement in java scrollview (activity.java)?
Write an android program to demonstrate scroll view and list view. (List view should array adapter. The adapter should use array list of companies. Each item in the list view should have company name, company address and its annual revenue.) any body explain these example
Checkout the following android listview tutorial
Android ListView Tutorial
It was nice HELP!
hello sir myself Abhishek Pandey ,
I need your guidance please contact me abhishekpandey9aug@gmail.com
What guidance you looking for?
Nice… BUT what if you only want your to scroll? In my example I want a header on top of the view, and 2 buttons in the bottom of the view (a save and a cancel button). All the stuff between I want to scroll! All examples I see puts… Read more »
All you have to do is to take a relative layout as parent and scroll view will be placed below title and above bottom container. Learn more about Android relative layout here I have created sample layout as per your requirements. <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView… Read more »