Scrollview doesn't scroll to the margin at the bottom

Question

I have a simple layout as follows :

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#D23456" >

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:background="#FFFFFF" >

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="800dp"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>

</ScrollView>

The background of the scrollview is pink and linear layout inside has the android icon image with a height of 800dp (that doesnt fit to the screen) . What I'm expecting to see is that imageview floats in a background of pink with a margin of 10dp in every sides (top,bottom,left,right).But when I scroll to the bottom, the scrollview doesn't scroll to the margin, so the bottom of the scroll is the imageview not the pink margin.

How can I prevent this? This makes the user think the page hasn't ended yet and makes him want to scroll more.

score 53 · Accepted Answer · edited May 23 '17 at 12:26

I later found out that ,a similar situation has already been answered in the following thread https://stackoverflow.com/a/16885601/1474471 by @olefevre.

Adding an extra LinearLayout that surrounds the current LinearLayout with a padding and removing the inner LinearLayout's layout-margin solved the problem:

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

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#D23456"
    android:padding="10dp" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#FFFFFF" >

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="800dp"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>
</LinearLayout>

</ScrollView>

Just an FYI, it doesn't have to be a `LinearLayout`. I am using a `RelativeLayout`. — theblang, Jul 02 '14 at 19:33
this is the solution...it worked like a charm..! @Mehmet Katircioglu — TheFlash, Jun 02 '15 at 05:58
As @mattblang has mentioned, for performance it's better to use a FrameLayout instead of the heavier Linear and Relative layouts. — TheIT, Jun 17 '16 at 02:08

score 19 · Answer 2 · answered May 05 '16 at 15:34

The solution posted by @Mehmet Katircioglu works well, but you can solve the problem simply changing the android:layout_margin to android:padding, without none extra view. Like this:

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

   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="#D23456"
      android:padding="10dp" >

      <!-- Your content (ImageView, buttons...) -->
  <LinearLayout/>

score 1 · Answer 3 · edited May 23 '17 at 11:33

1

use android:fillViewport="true" on the ScrollView may do it.

example in this thread.

edited May 23 '17 at 11:33

Community

1
1

answered Jun 15 '13 at 14:36

kiriloff

25,609
37
148
229

I'm aware of this property, but doesn't work in this case (try yourself). we might be missing something. – Mehmet Katircioglu Jun 16 '13 at 20:32

Scrollview doesn't scroll to the margin at the bottom

3 Answers3

Linked