Android: Hide child dividers in ExpandableListView

Question

I need to completely remove dividers from ExpandableListView. As for parent items it's a setDividerHeight method where I can pass a zero value. But there's no similar method for child divider. Is there any way to hide it?

score 54 · Accepted Answer · edited Oct 28 '15 at 15:03

If you want to completely remove dividers from ExpandableListView, setDividerHeight is ok for both parent and child items. Child divider will be draw using the same height as the normal divider or set by setDividerHeight().

And I am using one work around for us to hide one and unhide the other one, just set the divider and items in the same color like below:

 ExpandableListView expView = getExpandableListView();
 expView.setGroupIndicator(null);
 expView.setChildIndicator(null);
 expView.setChildDivider(getResources().getDrawable(R.color.greywhite));        
 expView.setDivider(getResources().getDrawable(R.color.white));
 expView.setDividerHeight(2);

setDividerHeight must below setChildDivider and setDivider, or the height will be 0.

Waiting for more answers...

Of course, if having the spacing for the padding were annoying, you could just set the DividerHeight to 0, and include a divider in the cell used in your custom adapter. To prevent the bottom item having a separator, you could just hide the separator if index == getGroupCount()-1 && index2 == getChildCount()-1 — csga5000, May 14 '15 at 15:20

David-mu · Answer 2 · 2011-02-03T12:03:24.397

27

to hide the child divider set it color to transparent #00000000

define transparent in your color.xml file

<color name="transparent">#00000000</color>

and then set the child divider

listView.setChildDivider(getResources().getDrawable(R.color.transparent))

or in the layout xml file

<ExpandableListView 
android:layout_width="fill_parent"
android:layout_height="fill_parent" 
android:childDivider="#00000000"/>

edited Feb 03 '11 at 12:03

answered Feb 03 '11 at 11:55

David-mu

1,762
18
24

10

Setting the divider to a transparent color isn't really removing it. – 7heViking Jul 20 '14 at 09:33
7

alternatively you can use `android:childDivider="@android:color/transparent"` – cassioso Dec 19 '14 at 15:46
THis only works if the background behind your list is the same color as your list elements. If you have a wash color for the background and white for the elements this will not work. – Gabe Sechan Sep 27 '16 at 18:16

score 9 · Answer 3 · answered Mar 10 '17 at 06:29

You can use attribute

<ExpandableListView 
    android:id="@+id/interestlvExp"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:divider="@null">
</ExpandableListView>

But this will remove group list divider as well.

score 3 · Answer 4 · edited Feb 22 '19 at 06:01

3

instead of writing lengthy code use property ExpandableListView. It will work :-

android:childDivider="@android:color/transparent"

edited Feb 22 '19 at 06:01

Imran

2,906
1
19
20

answered Jun 28 '18 at 07:39

Mr.Moudgil

49
6

2

This will hide the divider, not remove it (it will still take up space). – O.O.Balance Jun 28 '18 at 07:58

score 1 · Answer 5 · answered May 05 '16 at 11:25

If you want to remove child divider only, You can create a drawable with same color as of child background color. Then set it as your child divider.

ShapeDrawable sd1 = new ShapeDrawable(new RectShape()); sd1.getPaint().setColor(YOUR CHILD ITEM BACKGROUND COLOR); mExpListView.setChildDivider(sd1);

score 0 · Answer 6 · answered Aug 25 '15 at 14:52

Set the divider height of your expandableListView to 0

//setDividerHeight(0)

And then add a view at the bottom in your headerView xml

<View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_gravity="bottom"
        android:background="@android:color/darker_gray"
        />

score -1 · Answer 7 · answered May 05 '21 at 12:30

android:divider="@color/tranceParent"

 <ExpandableListView
        android:id="@+id/expandableList"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/tranceParent"
        app:layout_constraintTop_toTopOf="parent"
        android:divider="@color/tranceParent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:listitem="@layout/item_parent_case"/>

Android: Hide child dividers in ExpandableListView

7 Answers7

Linked