Adding bottom margin to ListView last element

Question

I need to add to add ListView with complicated items background: different for even/odd and rounded corners at the top and bottom. It looks like this:

ListView top

I have implemented all this stuff via level-list, but there is one more thing I want to do. Now the bottom item is near the bottom of the screen. It is better to add some space.

ListView bottom looks not good

I don't want to add bottom margin to ListView, I need margin only for last item.

The ways I see to do this:

Footer

A kind of hack – add footer with empty TextView to ListView. But footers are quite unstable things, they usually disappear after notifyDataSetChanged and there is no way to get them back

Image with transparent pixels

I asked designer to add transparent pixels to bottom background resource. Unfortunately, in this case vertical centering is completely broken. For example, there is 9patch like this:

9patch

And layout like this:

<?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"
        >
    <!-- View with background with transparent pixels on bottom -->
    <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"
                  android:id="@+id/item"
                  android:background="@drawable/some_bgr"
                  android:padding="10dp"
            >
        <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1"
                  android:text="Title"
                  android:layout_gravity="center"
                  android:textSize="18sp"
                />
        <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
                  android:text="Detail"
                  android:layout_gravity="center"
                  android:textSize="18sp"
                />
    </LinearLayout>

    <!-- Just for marking place took by view -->
    <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"
                 android:layout_below="@id/item"
                 android:background="#88ff55"
            />
</RelativeLayout>

The result:

Result

As you see, centering is not working. Unfortunately. (BTW, if specify this 9patch as background for TextView, centering works good. If you know any article, explaining this, please let me know.)

Add bottom margin to last item in Adapter implementation

That should work, but for unknown reason I still can't get it work. I don't like this way, because I don't like to modify dimensions in code.

So

There is already imaginary way – construct some XML drawable with particular bitmap and margin. According to drawables concept it should be possible, but I can't find implementation. May be somebody knows?

Any other ideas?

I would actually consider using the footer approach. I've never seen them disappear by themselves, especially not after a call to `notifyDataSetChanged()`. You may be doing something else wrong if that's happening. A footer is managed by the `ListView` and has little to do with an adapter's actual dataset. — MH., Jul 29 '13 at 19:13
Best way is [http://stackoverflow.com/questions/6288167/add-margin-above-top-listview-item-and-below-last-in-android][1] [1]: http://stackoverflow.com/questions/6288167/add-margin-above-top-listview-item-and-below-last-in-android it really helped me — Bunyod, Sep 25 '14 at 10:09

clocksmith · Accepted Answer · 2016-04-13T00:20:45.617

294

In your ListView, set a paddingBottom and clipToPadding="false".

  <ListView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:paddingBottom="8dp"
      android:clipToPadding="false"
      android:scrollbarStyle="outsideOverlay"/>

This also works for RecyclerView.
Only use android:scrollbarStyle="outsideOverlay" if you want the scroll bar to not overflow into the padded area.

edited Apr 13 '16 at 00:20

answered Feb 26 '14 at 04:56

clocksmith

6,226
3
32
45

my 8dp from bottom is clipped...actually i want 8dp bottom only for last item..so what to do? – Elizabeth Oct 28 '14 at 07:07
2

@AndroidBeginner I don't understand what you want. That is exactly what this does. – clocksmith Feb 09 '15 at 23:05
13

Don't forget to add `android:scrollbarStyle="outsideOverlay"` so your scrollbar doesn't stay inside the padding – gfpacheco May 06 '15 at 23:20
1

there may be some trouble with colors. Bottom padding has the background color of listview, not the background color of the last item – grine4ka Aug 20 '15 at 08:09
Can we manage SwipeRefreshLayout refresh indicator using this? – Hemant Kaushik Aug 23 '17 at 07:03

score 8 · Answer 2 · edited Feb 16 '17 at 21:42

8

add an empty footer in your list like this:

TextView empty = new TextView(this);
empty.setHeight(150);
listview.addFooterView(empty);

edited Feb 16 '17 at 21:42

Tobias

7,282
6
63
85

answered Oct 26 '15 at 18:15

fullmoon

8,030
5
43
58

for that I recommend: listview.addFooterView(empty, data: null, isSelectable: false); – Simon Aug 28 '20 at 01:36

score 4 · Answer 3 · answered Feb 23 '15 at 06:05

you can also do it from code if you want, for example here I react to to EditText different situations:

   if(s.toString().length()>0)
   {
      contacts_lv.setClipToPadding(false);
      contacts_lv.setPadding(0,0,0,270*screenDensity);
   }
   else
   {
      contacts_lv.setClipToPadding(true);
      contacts_lv.setPadding(0,0,0,0);
   }

score 2 · Answer 4 · answered Feb 24 '15 at 01:54

2

Clocksmith's answer is the best and pretty clever. You can also create an empty footer view.

answered Feb 24 '15 at 01:54

SIr Codealot

5,331
9
33
45

1

the first solution didn't work, but your suggestion did, indeed good idea thank you – fullmoon Oct 26 '15 at 18:16

score 1 · Answer 5 · edited Feb 09 '18 at 09:00

1

Add these two lines in your listView XML code:

android:transcriptMode="alwaysScroll"  
android:stackFromBottom="true"

edited Feb 09 '18 at 09:00

Eric Aya

69,473
35
181
253

answered Feb 09 '18 at 07:02

Rohit Kumar

21
2

score 0 · Answer 6 · answered Jul 02 '18 at 07:21

Another solution might be that you make a mock view with certain height.

In your adapter in getViewCount return 2.

In getCount return yourData.size+1.

In getViewType check if the element is last element return 2;

Use this type in getView to populate the mockview.

score -2 · Answer 7 · answered Jul 29 '13 at 09:38

-2

I guess you want to add margin only to last item:

So you can do in this manner, in your getview method the index of the list item and check if its the last item, then progrmatically add margin to the view.

answered Jul 29 '13 at 09:38

Goofy

6,098
17
90
156

I've described this way in "Add bottom margin to last item in Adapter implementation". I wonder if there are more elegant ways. – darja Jul 29 '13 at 09:40
Why do you dont want to do in this way? – Goofy Jul 29 '13 at 09:42
Please see explanation in question. – darja Jul 29 '13 at 09:42
No other ideas – so seems to be the only way – darja Aug 14 '13 at 09:58
@Goofy How do you add the margin to the last row view of the list ? – vrunoa May 01 '14 at 19:08

Adding bottom margin to ListView last element

Footer

Image with transparent pixels

Add bottom margin to last item in Adapter implementation

So

7 Answers7

Linked