Change Custom Listview Item Background Color in Android

Question

I want to change Custom Listview's each Item Background Color. So with Adapter, I use getView() but It is not working. How to do this ?

My Code is as below :

adapter = new SimpleAdapter(this, aaReportData, R.layout.report_card1, new String[] { "Topic" }, new int[] { R.id.tvTopic}) {

                @Override
                public View getView(int position, View convertView,
                        ViewGroup parent) {
                    // TODO Auto-generated method stub
                    convertView.setBackgroundColor(R.color.lightish);
                    return convertView;
                }
            };

Please check this [answer](http://stackoverflow.com/questions/16976431/change-background-color-of-selected-item-on-a-listview) — Rethinavel, Apr 02 '14 at 10:38
does you are passing color through Adapter?? or you want any random color?? — Akshay, Apr 02 '14 at 10:44
please check your question, you mentioned to change color of each item — Akshay, Apr 02 '14 at 10:59
You must be using custom XML layout file for row. Change the background color of the parent layout in that XML file and you're done. — Dhaval, Apr 02 '14 at 10:59
Change the backgroud property of its parent layout, with whatever color or drawable you want. — Dhaval, Apr 02 '14 at 11:01
@Dhaval, ur right. but I want some space between first and second item and like that for each list item. — Jeeten Parmar, Apr 02 '14 at 11:03
@JeetenParmar check my answer..use it in your `ListView` it wii give you Gradient effecton List item selection — Akshay, Apr 02 '14 at 11:06
@JeetenParmar did u not get a compile time error with this ??? — Rat-a-tat-a-tat Ratatouille, Apr 02 '14 at 11:12
@JeetenParmar You'll need custom background for that. One that has a white or your preferable color line at the bottom of it. Apply it as background and it will create perception of space between list items. You can create such a background using paint. — Dhaval, Apr 02 '14 at 11:20
@JeetenParmar check my updated code.. You can use `divider` to separate `ListView` items — Akshay, Apr 02 '14 at 11:29
@Aksh, I am already using divider for border in between each List Item. — Jeeten Parmar, Apr 02 '14 at 11:35

score 1 · Answer 1 · answered Apr 02 '14 at 11:34

1

As per @Dhaval said, I defined background color to parent layout and It worked fine. Now, I want some space between each List Item so I used Drawable and set color and border bottom as white for some space.

It is working fine now and I got result as per my requirement. Thank you so much all of you.

answered Apr 02 '14 at 11:34

Jeeten Parmar

5,568
15
62
111

@Dhaval, it is the easiest solution other than using getView(). – Jeeten Parmar Apr 02 '14 at 11:51

Dehan Wjiesekara · Answer 2 · 2014-04-02T11:13:04.607

0

you should use setBackgroundResource() method instead of setBackgroundColor()

tryout following code

view.setBackgroundResource(R.color.blue)
adapter = new SimpleAdapter(this, aaReportData, R.layout.report_card1, new String[] { "Topic" }, new int[] { R.id.tvTopic}) {

            @Override
            public View getView(int position, View convertView,
                    ViewGroup parent) {
                View v = super.getView(position, convertView, parent);
                // TODO Auto-generated method stub
                v.setBackgroundResource(R.color.lightish);
                return convertView;
            }
        };

edited Apr 02 '14 at 11:13

answered Apr 02 '14 at 10:46

Dehan Wjiesekara

3,152
3
32
46

I am getting NullPointerException by using this. – Jeeten Parmar Apr 02 '14 at 10:50
can you say the exact location where exception throws?? – Dehan Wjiesekara Apr 02 '14 at 11:01
at convertView.setBackgroundResource(R.color.lightish); – Jeeten Parmar Apr 02 '14 at 11:05
do you have R.color.lightish color in your Color.xml file – Dehan Wjiesekara Apr 02 '14 at 11:10
I have edited my answer by adding "View v = super.getView(position, convertView, parent);" this line.. can you check it again with new code – Dehan Wjiesekara Apr 02 '14 at 11:13

score 0 · Answer 3 · answered Apr 02 '14 at 10:56

0

convertView = View.inflate(mContext, R.layout.list_item, null);
convertView.setBackgroundColor(mContext.getResources().getColor(R.color.lightish));

You should inflate list item view use above line to set color to view regards.

answered Apr 02 '14 at 10:56

Anand Phadke

531
3
28

list_item stands for what ? – Jeeten Parmar Apr 02 '14 at 10:57
as you are using SimpleAdapter .... convertView = View.inflate(mContext, R.layout.list_item, null); delete this line – Anand Phadke Apr 02 '14 at 11:08
I have tried, it is giving NullPointerException at like of convertView.setBackgroundColor. ... – Jeeten Parmar Apr 02 '14 at 11:10
convertView = View.inflate(mContext, R.layout.report_card1, null); try this – Anand Phadke Apr 02 '14 at 11:13

Akshay · Answer 4 · 2014-04-02T11:44:02.857

Use this selector xml in you ListView:

<item>
<shape android:shape="rectangle">
   <gradient
       android:startColor="@android:color/holo_orange_light"
       android:endColor="@android:color/holo_red_light"
       android:angle="270"/>
   </shape>
</item>

Updated:

Make changes in your ListView like:

    <ListView
    android:id="@+id/listView_contact"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:divider="@android:color/darker_gray"
    android:dividerHeight="0.3dp"
    android:background="@android:color/transparent"
    android:listSelector="@drawable/productlistselector">
</ListView>

You can use divider and set its background transparent instead of designing new custom Background..

Change Custom Listview Item Background Color in Android

4 Answers4