Programmatically select item ListView in Android

AndroidListviewHighlight

Android Problem Overview


I have two fragments. The first with buttons inside, the other with a ListView inside (ListFragment).

I would like the first fragment (thanks to its buttons) to allow the user to browse the ListView which is in the second fragment.

So I want the ListView to be controlled by the first fragment with buttons.

I've no problem communicating between fragment (sending orders from 1st fragment to the 2nd), but I don't know how to tell my ListView to select (programmatically) a particular list item.

What kind of ListView should I use and how can I tell the ListView to Select/Highlight/Focus one of its items?

I am in touch mode as the user presses on the buttons of the 1st fragment.

Should I use setFocusableInTouchMode(true) or setChoiceMode(ListView.CHOICE_MODE_SINGLE) or something else?

Android Solutions


Solution 1 - Android

This is for everyone trying to :

-Select programmatically an Item in a ListView

-Making this Item stay Highlighted

I'm working on Android ICS, I don't know if it works for all levels Api.

First create a listview (or get it if you're already in a listActivity/listFragment)

Then set the choice mode of your listview to single with :Mylistview.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

Then select programmatically your item with :Mylistview.setItemChecked(position, true); (position being an integer indicating the rank of the item to select)

Now your item is actually selected but you might see absolutely nothing because there's no visual feedback of the selection. Now you have two option : you can either use a prebuilt listview or your custom listview.

1) If you want a prebuilt listview, give a try to simple_list_item_activated_1, simple_list_item_checked , simple_list_item_single_choice, etc...

You can set up your listview like this for e.g : setListAdapter(new ArrayAdapter<String>(this, R.layout.simple_list_item_activated_1, data))

following which prebuilt listview you chose you'll see now that when selected you have a checkbox ticked or the backgound color changed , etc...

2) If you use a custom listview then you'll define a custom layout that will be used in each item. In this XML layout you will attribute a selector for each part view in you row which need to be changed when selected.

Let's say that when selected you want your row to change the color of the text and the color of the background. Your XML layout can be written like :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/menu_item_background_selector"
    android:orientation="horizontal" >

<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:textColor="@drawable/menu_item_text_selector" />

Now, in the drawable folder you create menu_item_background_selector.xml and menu_item_text_selector.xml.

menu_item_text_selector.xml :

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

<item android:state_activated="true"
     android:color="#FFF">
</item>
 
<item android:state_pressed="true"
     android:color="#FFF">
</item>

<item android:state_pressed="false"
     android:color="#000">
</item>

</selector>

The text will be white when selected.

Then do something similar for your background: (remember that you're not forced to use color but you can also use drawables)

menu_item_background_selector.xml :

<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
    
        
        <item android:state_activated="true"
        android:color="#0094CE">
        </item>
    
        <item android:state_pressed="true"
        android:color="#0094CE">
        </item>
    
        <item android:state_pressed="false"
        android:color="#ACD52B">
        </item>
      
    
      </selector>

Here the background is blue when selected and green when it is not selected.

The main element I was missing was android:state_activated. There's indeed (too) many states : activated,pressed,focused,checked,selected...

I'm not sure if the exemple I gave with android:state_activated and android:state_pressed is the best and cleanest one but it seems to work for me.

But I didn't need to make my own class in order to get a Custom CheckableRelativeLayout (which was dirty and scary) nor I used CheckableTextViews. I don't know whyothers used such methods, it maybe depends on the Api level.

Solution 2 - Android

Try AbsListView.performItemClick(...)

See this post on how to use performItemClick.

Solution 3 - Android

This is what worked for me:

  1. Set the choice behavior for the List.

    mListView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

  2. Sets the checked state of the specified position.

    mListView.setItemChecked(1,true); //Don't make the same mistake I did by calling this function before setting the listview adapter.

  3. Add a new style inside the style resource (res/values) like this:

    Feel free to use whichever colours you like.

  4. Use the previously defined style in your ListView:

Or in the layout you use as row.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content" 
  style="@style/activated"
>
  <!--widgets for your row here-->
  
</LinearLayout>

Hope that helps anyone!

Solution 4 - Android

Try mListView.setSelection(position);

Solution 5 - Android

Jecimi's answer worked for me except for small part. I would like to share it for others. Calling list.setItemChecked( 0, true ); in onCreate() of FragmentActivity did not work. In getView() of adapter list.getCheckedItemPosition( ) returned -1.

I have to call this method from protected void onPostCreate( Bundle savedInstanceState ).

Solution 6 - Android

You can use ListView#setSelection(int)

Solution 7 - Android

package com.example.samsung;

import com.example.samsung.*;
import com.example.samsung.R;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.Spinner;
import android.widget.Toast;

public class Firstscreen extends Activity implements OnItemSelectedListener {
	Button btn;
	 Spinner sp;
	 public String[] product = { "ML-1676P/XIP","SLM2021W/XIP","SL-M2826ND/XIP","SL-M2826ND/XIP","SL-M2826ND/XIP","SL-M3320ND/XIP","SL-M3820ND/XIP","SL-M4020ND/XIP"};  
	
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_firstscreen);
		btn = (Button) findViewById(R.id.bn);
		sp= (Spinner) findViewById(R.id.sp);
	}
		public void button (View v){
			{

		Intent i = new Intent(Firstscreen.this,ML1676P.class);
		startActivity(i);
		}
		
		Spinner s1 = (Spinner) findViewById(R.id.sp);
		ArrayAdapter<String> adapter 
		= new ArrayAdapter<String>(this, 
				android.R.layout.simple_spinner_item, product); // find other layout parameters
		s1.setAdapter(adapter);
		s1.setOnItemSelectedListener(new OnItemSelectedListener()
		{

			@Override
			public void onItemSelected(AdapterView<?> arg0, View arg1,
					int arg2, long arg3) {
				// TODO Auto-generated method stub
				
			}

			@Override
			public void onNothingSelected(AdapterView<?> arg0) {
				// TODO Auto-generated method stub
				
			}
		
	});
	}

	private Object product() {
			// TODO Auto-generated method stub
			return null;
		}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.firstscreen, menu);
		return true;
	}

	@Override
	public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,
			long arg3) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void onNothingSelected(AdapterView<?> arg0) {
		// TODO Auto-generated method stub
		
	
	}
	


}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Firstscreen"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#FF35B5E5"
        android:layout_centerInParent="true"
        android:text="CHOOSE THE PRODUCT FROM THE LIST" />

    <Spinner
        android:id="@+id/sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:drawSelectorOnTop="true" />

    <Button
        android:id="@+id/bn"
        android:layout_width="285dp"
        android:layout_height="wrap_content"
        android:text="       GO             " 
        android:onClick="button"/>
    

</LinearLayout>

select an item in a listview it should go to the specific selected item page when button is clicked how to do it.The code is snippet above

Solution 8 - Android

I do like this:

@Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isVisibleToUser) {
            try {
                int pos = 0;
                listview.performItemClick(null, pos, listview.getItemIdAtPosition(pos) );
            } catch (Exception e) {
                e.printStackTrace();
            }
        } 
    }

Solution 9 - Android

Just add the following line to the layout of your custom listview:

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

For a full working example see:

https://[email protected]/elimelec/custombaseadapter.git

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJecimiView Question on Stackoverflow
Solution 1 - AndroidJecimiView Answer on Stackoverflow
Solution 2 - AndroidAlikElzin-kilakaView Answer on Stackoverflow
Solution 3 - AndroidAxelView Answer on Stackoverflow
Solution 4 - AndroidJ_DView Answer on Stackoverflow
Solution 5 - AndroidSwapnil ChaudhariView Answer on Stackoverflow
Solution 6 - AndroidasenovmView Answer on Stackoverflow
Solution 7 - AndroidHasid MansooriView Answer on Stackoverflow
Solution 8 - AndroidFaisal ShaikhView Answer on Stackoverflow
Solution 9 - AndroidzibettoView Answer on Stackoverflow