Question

So I am trying to make my activity scrollable, and when I put my relativelayout inside a scroll view, this happens:

This is the code for the above screenshot:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/background"
        android:orientation="vertical"
        android:paddingLeft="60dp"
        android:paddingTop="53dp" >

        <ImageView
            android:id="@+id/gearImage"
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_marginTop="70dp"
            android:clickable="true"
            android:contentDescription="@string/gearDescription_string"
            android:src="@drawable/gear" />
    </RelativeLayout>

</ScrollView>

If I take out the scrollview, it turns out right, but of course without the scrolling function which I want:

Now, is there any way I can get it to look like this:

So that I can still scroll, but if they reach the bottom of the background image I have, it’s just white (hard to tell because the background of the webpage is white, but I added a white rectangle to the bottom of the second image to show what I mean). There wouldn’t be a reason for them to reach the bottom anyways.

Of course, if you have any other suggestions as to how I can implement the scrollview without stretching by background image, I would be most delighted to hear about them.

Thank you.

Answer 1

The reason it wasn’t working was that my image was too large in terms of pixels. I guess the scrollview is compelled to keep the image at its original size, so what it did was just that. It made the length the full length of the raw image because my scrollview was vertical, and squished it along the width because I didn’t have a scrollview going side to side.

The simple fix was to make the image smaller. How odd that it can resize properly inside a normal layout, but not inside scrollview.