Android listview item background change

Question

i have a android listview. i want to change listview item background when i click one listview item.

and then previous selected item must go back to default background. this means only one item has to be selected.

i have searched it for a long time. i can change background of selected item using onItemClick()

but i can't change previous selected item. for example, if i select second item, it was changed. and then i select third item. oh my god! it is changed too! what can i do for this. how can i get the previous position?

here is my android code.

private class ListViewItemClickListener implements
            AdapterView.OnItemClickListener {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position,
                long id) {

            TextView title = (TextView) view.findViewById(R.id.title);
            title.setBackgroundResource(R.drawable.list_shape);

        }
    }

score 4 · Answer 1 · answered Nov 13 '13 at 12:16

You should use the built in methods of selecting items in a listview. Manually changing the background is prone to error as you have found.

Add this attribute to the root view in your listview item xml

android:background="?android:attr/activatedBackgroundIndicator"

then call setItemChecked(x, true) on your ListView where x is the position of the item you want to be selected.

Ensure your listview has a ChoiceMode set that allows selection (such as "SingleChoice")

i just tring to write the same as comment :) – Selvin Nov 13 '13 at 12:17 — Selvin, Nov 13 '13 at 12:17

sturrockad · Accepted Answer · 2013-11-13T16:12:55.627

When I have this in a similar example I have a global field named:

selectedListItem;

This would be updated in your onitemClickListener and the previous item would then have it's background returned to the default.

So to update your code:

private class ListViewItemClickListener implements
        AdapterView.OnItemClickListener {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        //First update the previously selected item if one has been set
        if(selectedListItem!=null){
            TextView previousTitle = (TextView) selectedListItem.findViewById(R.id.title);
            previousTitle.setBackgroundResource(R.drawable.list_default_background);
        }
        //Then update the new one
        TextView title = (TextView) view.findViewById(R.id.title);
        title.setBackgroundResource(R.drawable.list_shape);
        selectedListItem = view;

    }
}

So simply initalise selectedListItem as a field in your adapter with the onClickListener as an inner class and have your default background drawable instead of list_default_background .

Alternatively you can track the position numbers instead of the actual view.

EDIT:

To use this method for your list you will also have to keep track of an ID or object instance for your specific list item. In my own solution, in my ListAdapter's getView method I make sure only the list item that matches the ID/instance of the correct item is updated. With your code the way it is you will also find that when you scroll down the view at the same position in this list of visible items is also updated. This is because list view's refer to the list in sets of items, where each set corresponds to the items visible on the screen at any one time.

To update a singular, specific item you would be better suited to using a selector background or indicator as mentioned in the other answers.

HTH

Hi Selvin. This will solve what the OP asked. The issue of the background of the view being re-applied to each visible list is a separate issue and is caused by the initial method. — sturrockad, Nov 13 '13 at 15:59
No it will not... Because listview is reusing items! If you "select" item scroll this item out of visible items 1. Some other item can be "selected" 2. If you make this item scroll back to visible items this item may be not selected again! End of story — Selvin, Nov 13 '13 at 16:14
Yes but that is a separate issue. The user asked how to deselect the previous item when selecting a new item which my response answers correctly. I believe your comment belongs under the question :) — sturrockad, Nov 13 '13 at 16:16

score 1 · Answer 3 · answered Nov 13 '13 at 12:45

You can change the ListView item colour on clicking it like below. Follow these steps.

(Remember, This is for Custom List View)

Create an XML file in Drawable Folder as Below:

<item android:drawable="@color/orange" android:state_focused="true"/>
<item android:drawable="@color/orange" android:state_pressed="true"/>
<item android:drawable="@drawable/listview"></item>

Choose your own resources.

While implementing Custom ListVIew, you'll have additional layout for Custom List Item design. Below is such an Example.

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="60dp"
    android:layout_height="60dp" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_toRightOf="@+id/imageView1"
    android:background="@drawable/listselect_picture"
    android:gravity="center"
    android:text="TextView"
    android:textColor="@drawable/select_txtcolor"
    android:textSize="16sp" />

In Above code I have put the set the XML file from Step 1 as "background" attribute. This will work as you want to.

Additionally if you want to change the text colour on ListItem selection as well, use below XML code and set that XML file as "TextColor" attribute.

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

    <item android:state_selected="true" android:color="@android:color/white"/>
    <item android:state_focused="true" android:color="@android:color/white"/>
    <item android:state_pressed="true" android:color="@android:color/white"/>
    <item android:color="@android:color/black"/>

</selector>

The code above will change the text color to while on selection and revert to original when unclicked.

Android listview item background change

3 Answers3

Linked