How to change color of Android ListView separator line?

Question

I want to change color of ListView separator line.

Sebastian Hojas · Accepted Answer · 2012-11-28 09:20:49Z

771

You can set this value in a layout xml file using android:divider="#FF0000". If you are changing the colour/drawable, you have to set/reset the height of the divider too.

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

  <ListView 
    android:id="@+id/android:list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:divider="#FFCC00"
    android:dividerHeight="4px"/>

</LinearLayout>

edited Nov 28, 2012 at 9:20

Sebastian Hojas

4,2102 gold badges30 silver badges38 bronze badges

answered Mar 3, 2010 at 15:45

JeremyFromEarth

14.4k5 gold badges36 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

CommonsWare Over a year ago

You should also be able to specify a Drawable resource in android:divider as well. The existing divider is a gradient.

Eric Novins Over a year ago

If you do it in XML make sure to see the height as well using android:dividerHeight otherwise you will get no line

dpjanes Over a year ago

From my experience, read "should reset the height of the divider" to "must set the height of the divider"

Marek Sebera Over a year ago

I wouldn't recommend using px unit to define sizes in Android, use dp instead

greg7gkb Over a year ago

It seems like there might be a good reason to use px in this specific case. See: stackoverflow.com/a/12061612/10505

|

starball · Accepted Answer · 2022-12-26 01:25:23Z

166

Or you can code it:

int[] colors = {0, 0xFFFF0000, 0}; // red for the example
myList.setDivider(new GradientDrawable(Orientation.RIGHT_LEFT, colors));
myList.setDividerHeight(1);

edited Dec 26, 2022 at 1:25

starball♦

59.5k52 gold badges312 silver badges1k bronze badges

answered Oct 10, 2010 at 13:22

Asher Aslan

1,6611 gold badge10 silver badges2 bronze badges

2 Comments

Darkendorf Over a year ago

Perfect, my items was on a reddish gradient background and your effect made them magnificent !!

Aziz Over a year ago

if you extend ListActivity, replace mylist with getListView()

htafoya · Accepted Answer · 2014-12-05 17:35:32Z

90

For a single color line use:

list.setDivider(new ColorDrawable(0x99F10529));   //0xAARRGGBB
list.setDividerHeight(1);

It's important that DividerHeight is set after the divider, else you won't get anything.

edited Dec 5, 2014 at 17:35

answered Jun 28, 2012 at 23:45

htafoya

19.4k12 gold badges87 silver badges121 bronze badges

2 Comments

Andreas Klöber Over a year ago

Thank you, I called setDividerHeight() before setDivider() and no divider was shown.

Nick Frolov Over a year ago

Very helpful comment about the order of operations. I just spent 2 hours trying to make it work. Nice design, Android.

BitBlt · Accepted Answer · 2013-02-08 00:10:08Z

13

You can also get the colors from your resources by using:

dateView.setDivider(new ColorDrawable(_context.getResources().getColor(R.color.textlight)));
dateView.setDividerHeight(1);

answered Feb 8, 2013 at 0:10

BitBlt

1311 silver badge2 bronze badges

Comments

Peter Nguyen · Accepted Answer · 2014-02-17 16:49:30Z

11

XML version for @Asher Aslan cool effect.

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

    <gradient
        android:angle="180"
        android:startColor="#00000000"
        android:centerColor="#FFFF0000"
        android:endColor="#00000000"/>

</shape>

Name for that shape as: list_driver.xml under drawable folder

<ListView
        android:id="@+id/category_list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        android:divider="@drawable/list_driver"
        android:dividerHeight="5sp" />

answered Feb 17, 2014 at 16:49

Peter Nguyen

7167 silver badges9 bronze badges

Comments

user692942 · Accepted Answer · 2015-02-02 12:32:11Z

7

There are two ways to doing the same:

You may set the value of android:divider="#FFCCFF" in layout xml file. With this you also have to specify height of divider like this android:dividerHeight="5px".

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

  <ListView 
  android:id="@+id/lvMyList"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:divider="#FFCCFF"
  android:dividerHeight="5px"/>

</LinearLayout>

You may also do this by programmatically...

ListView listView = getListView();
ColorDrawable myColor = new ColorDrawable(
    this.getResources().getColor(R.color.myColor)
);
listView.setDivider(myColor);
listView.setDividerHeight();

edited Feb 2, 2015 at 12:32

user692942

16.4k8 gold badges85 silver badges196 bronze badges

answered Feb 2, 2015 at 12:20

Aj 27

2,4171 gold badge23 silver badges30 bronze badges

Comments

Rory McCrossan · Accepted Answer · 2015-05-15 10:17:05Z

3

Use below code in your xml file

<ListView 
    android:id="@+id/listView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="#000000" 
    android:dividerHeight="1dp">
</ListView>

edited May 15, 2015 at 10:17

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

answered May 15, 2015 at 9:57

Mahesh Suthar

2471 silver badge11 bronze badges

1 Comment

SuperBiasedMan Over a year ago

It's best to explain a bit about why your solution works. Code only answers might fix the issue but that doesn't necessarily answer the asker's question.

Chanaka Weerasinghe · Accepted Answer · 2019-07-02 07:43:06Z

1

using programetically

           // Set ListView divider color
            lv.setDivider(new ColorDrawable(Color.parseColor("#FF4A4D93")));

            // set ListView divider height
            lv.setDividerHeight(2);

using xml

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

  <ListView 
    android:id="@+id/android:list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:divider="#44CC00"
    android:dividerHeight="4px"/>

</LinearLayout>

answered Jul 2, 2019 at 7:43

Chanaka Weerasinghe

5,8002 gold badges31 silver badges42 bronze badges

Comments

Vettiyanakan · Accepted Answer · 2014-02-17 10:19:44Z

0

Use android:divider="#FF0000" and android:dividerHeight="2px" for ListView.

<ListView 
android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:divider="#0099FF"
android:dividerHeight="2px"/>

answered Feb 17, 2014 at 10:19

Vettiyanakan

8,6006 gold badges40 silver badges61 bronze badges

Collectives™ on Stack Overflow

How to change color of Android ListView separator line?

9 Answers 9

13 Comments

2 Comments

2 Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

13 Comments

2 Comments

2 Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related