Background ListView becomes black when scrolling

Question

I have created a specific List which exists out of the following elements to create a scrollable list with every row containing a Image on the left side and some text on the right side:

To begin with a "root" layout :

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:background="#C8C8C8"
    >
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"
        android:drawSelectorOnTop="false"
        android:divider="#C8C8C8"
        android:background="#C8C8C8"/>
</LinearLayout>

and then within the ListView I place the following "row" item :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="@drawable/bg_row"
>
    <ImageView
        android:layout_width="wrap_content"
        android:paddingLeft="10px"
        android:paddingRight="15px"
        android:paddingTop="5px"
        android:paddingBottom="5px"
        android:layout_height="wrap_content"
        android:src="@drawable/bg_image"
    />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingTop="5px"
        android:paddingBottom="5px"
        android:textSize="16sp"
        android:textColor="#000000"
        android:layout_gravity="center"
        android:maxHeight="50px"/>
</LinearLayout>

As long as the screen is shown statically (as in no movement) it will be shown correctly, but when I start scrolling through the list the background of the row-item (an "icon" as can be shown in the code) will be shown correctly but the background of the "root" layout will become completely black... when the scrolling stops the background will, most of the times, get back its color... As I test I also added a TextView in that root-element with the same background, this one will detain it's color when the List is scrolled... Any idea why this is happening, and how to solve this?

score 771 · Accepted Answer · edited Sep 27 '16 at 09:38

771

Add an attribute on the ListView Tag

android:cacheColorHint="#00000000" // setting transparent color

For more details check this blog

edited Sep 27 '16 at 09:38

Piyush

18,895
5
32
63

answered May 14 '10 at 09:32

Praveen

90,477
74
177
219

23

this.getListView().setCacheColorHint(0); From layout I couldn't set the color. But I managed to do it with the above code. I have used this code in 'onCreate' of the list activity. Hope this information also helps. – Dijo David Apr 13 '11 at 08:02
70

`android:cacheColorHint="#0000"` also works if you're afraid of zeros. – Andrew T. Dec 01 '11 at 22:04
137

Or also `android:cacheColorHint="@android:color/transparent"` if you're afraid of numbers :) – dule Feb 10 '12 at 21:44
2

@android:color/transparent probably has the added bonus of having one single bit set. There is a bug where if you pass 0 on some phones transparency wont work. So the trick is to set 1 bit. – Thomas Dignan Nov 10 '12 at 00:01

score 62 · Answer 2 · answered Nov 22 '12 at 08:03

62

It's very simple just use this line in your layout file :

android:scrollingCache="false"

like this:

<ListView 
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollingCache="false"
/>

answered Nov 22 '12 at 08:03

Mahesh

2,862
2
31
41

2

It works but I don't think it is smart to do: http://stackoverflow.com/questions/15570041/scrollingcache – Morten Holmgaard Feb 15 '14 at 15:24
1

I had a case in which android:cacheColorHint="#00000000" did not work, but android:scrollingCache="false" did. Thanks. – Yar Feb 02 '15 at 14:08

score 27 · Answer 3 · answered Aug 30 '12 at 12:58

27

you can use like this:

list.setCacheColorHint(Color.TRANSPARENT);
list.requestFocus(0);

answered Aug 30 '12 at 12:58

nikki

3,248
3
24
29

AnDx · Answer 4 · 2014-05-08T04:26:51.457

10

android:id="@android:id/list"
android:layout_width="fill_parent" 
android:layout_height="fill_parent"
android:drawSelectorOnTop="false"
android:divider="#C8C8C8"
android:background="#C8C8C8"
android:cacheColorHint="#00000000"/>

edited May 08 '14 at 04:26

answered Dec 14 '12 at 07:28

AnDx

824
8
11

score 8 · Answer 5 · answered Mar 18 '14 at 05:22

8

We have plenty of options for this problem, you can set the background as transparent through programming like

yourlistview.setCacheColorHint(Color.TRANSPARENT);

or through xml

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

answered Mar 18 '14 at 05:22

Sampath Kumar

4,433
2
27
42

score 5 · Answer 6 · edited Dec 28 '16 at 02:46

5

In your xml where to use Listview set

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

edited Dec 28 '16 at 02:46

Charuක

12,953
5
50
88

answered Jun 27 '15 at 10:45

jeet parmar

868
8
19

score 5 · Answer 7 · edited Dec 28 '16 at 02:46

I am using images in listView and it turns black sometimes in samsung s4 not even scrolling. It was a stupid mistake which I have done in the adapter.I just put my view to null to fix this issue

 @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            Holder holder;
            convertView = null; // convert view should be null
            if (convertView == null) {
                holder = new Holder();
                convertView = inflater1.inflate(R.layout.listview_draftreport_item, null);
             } 
        }

score 4 · Answer 8 · edited Dec 28 '16 at 02:44

There are allot of answers to this question but today I realized this question is still missing a critical piece of information.

There are two possible solutions for the problem, both work but each should be used in different situations.

Methods

Use android:cacheColorHint when your ListView has a solid color background.

<item name="android:cacheColorHint">@android:color/transparent</item>

Use android:scrollingCache when your ListView has a (complex) image as background.

<item name="android:scrollingCache">false</item>

Note

When your ListView has a solid color background both methods will work, so not only the cacheColorHint will work. But it's not recommended to use the scrolingCache method for solid color backgrounds since it turns off an optimization method used for smooth animating and scrolling the ListView.

Note for the note: scrolingCache set to false does not necessarily mean the ListView's animations and scrolling will become slow.

score 2 · Answer 9 · edited Nov 28 '14 at 20:42

2

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

edited Nov 28 '14 at 20:42

Jean-François Corbett

37,420
30
139
188

answered Nov 28 '14 at 19:18

muditagarwal88

548
5
13

score 2 · Answer 10 · answered Feb 01 '16 at 07:37

2

The following worked for me:

myListView.setScrollingCacheEnabled(false);

answered Feb 01 '16 at 07:37

Lazy Ninja

22,342
9
83
103

score 1 · Answer 11 · edited Dec 28 '16 at 02:45

1

android:cacheColorHint="#00000000"// setting transparent color

or

don't set background of listview.

edited Dec 28 '16 at 02:45

Charuක

12,953
5
50
88

answered Feb 04 '15 at 07:33

Akshay Paliwal

3,718
2
39
43

score 1 · Answer 12 · answered Jun 07 '21 at 09:53

1

Add an attribute

android:cacheColorHint="#00000000" //transparent color

answered Jun 07 '21 at 09:53

Røhäñ Dås

528
4
13

Background ListView becomes black when scrolling

12 Answers12

Note

Linked

Related