Adding bottom margin to ListView last element

darja picture darja · Jul 29, 2013 · Viewed 25.5k times · Source

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?

Answer

clocksmith picture clocksmith · Feb 26, 2014

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.