Monday, May 7, 2012

Display scrollable ImageView bigger than screen

To display image bigger than the device screen, in true size, with scroll bar. We can embed it in a ImageView within nested ScrollView and HorizontalScrollView.

Display scrollable ImageView bigger than screen


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <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">
        <ScrollView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content">
            <ImageView 
                android:src="@drawable/bigpicture"
                android:layout_height="wrap_content" 
                android:layout_width="wrap_content"
                android:scaleType="center"/>
        </ScrollView>
 </HorizontalScrollView>
</LinearLayout>


2 comments:

Desmond said...

Too bad it doesn't allow the view to be scrolled diagonally.

Unknown said...

Hy How can i auto scroll this image from right to left