How to handle click event for a list view item with checkbox in Android listview?

Question

I am using ArrayAdapter with android.R.layout.simple_list_item_multiple_choice for my list view. I have an onItemClick() handler for the list view that launches an activity which displays the selected item in detail.

I would like this activity launched only when the click happens outside the checkbox. And when the checkbox is clicked on, I want the checkbox status toggled and NOT launch the detail view activity. Currently, both happen always when clicked on anywhere in the list, which is not desired.

Is it possible? Or should I use a custom adapter and add a checkbox and onclick handler?

Solution

You can use custom Adapter class for this, and code that use custom adapter is

For ref check here

  public class PlanetsActivity extends Activity {  

  private ListView mainListView ;  
  private Planet[] planets ;  
  private ArrayAdapter<Planet> listAdapter ;  

  /** Called when the activity is first created. */  
  @Override  
  public void onCreate(Bundle savedInstanceState) {  
    super.onCreate(savedInstanceState);  
    setContentView(R.layout.main);  

    // Find the ListView resource.   
    mainListView = (ListView) findViewById( R.id.mainListView );  

    // When item is tapped, toggle checked properties of CheckBox and Planet.  
    mainListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {  
      @Override  
      public void onItemClick( AdapterView<?> parent, View item,   
                               int position, long id) {  
        Planet planet = listAdapter.getItem( position );  
        planet.toggleChecked();  
        PlanetViewHolder viewHolder = (PlanetViewHolder) item.getTag();  
        viewHolder.getCheckBox().setChecked( planet.isChecked() );  
      }  
    });  


    // Create and populate planets.  
    planets = (Planet[]) getLastNonConfigurationInstance() ;  
    if ( planets == null ) {  
      planets = new Planet[] {   
          new Planet("Mercury"), new Planet("Venus"), new Planet("Earth"),   
          new Planet("Mars"), new Planet("Jupiter"), new Planet("Saturn"),   
          new Planet("Uranus"), new Planet("Neptune"), new Planet("Ceres"),  
          new Planet("Pluto"), new Planet("Haumea"), new Planet("Makemake"),  
          new Planet("Eris")  
      };    
    }  
    ArrayList<Planet> planetList = new ArrayList<Planet>();  
    planetList.addAll( Arrays.asList(planets) );  

    // Set our custom array adapter as the ListView's adapter.  
    listAdapter = new PlanetArrayAdapter(this, planetList);  
    mainListView.setAdapter( listAdapter );        
  }  

  /** Holds planet data. */  
  private static class Planet {  
    private String name = "" ;  
    private boolean checked = false ;  
    public Planet() {}  
    public Planet( String name ) {  
      this.name = name ;  
    }  
    public Planet( String name, boolean checked ) {  
      this.name = name ;  
      this.checked = checked ;  
    }  
    public String getName() {  
      return name;  
    }  
    public void setName(String name) {  
      this.name = name;  
    }  
    public boolean isChecked() {  
      return checked;  
    }  
    public void setChecked(boolean checked) {  
      this.checked = checked;  
    }  
    public String toString() {  
      return name ;   
    }  
    public void toggleChecked() {  
      checked = !checked ;  
    }  
  }  

  /** Holds child views for one row. */  
  private static class PlanetViewHolder {  
    private CheckBox checkBox ;  
    private TextView textView ;  
    public PlanetViewHolder() {}  
    public PlanetViewHolder( TextView textView, CheckBox checkBox ) {  
      this.checkBox = checkBox ;  
      this.textView = textView ;  
    }  
    public CheckBox getCheckBox() {  
      return checkBox;  
    }  
    public void setCheckBox(CheckBox checkBox) {  
      this.checkBox = checkBox;  
    }  
    public TextView getTextView() {  
      return textView;  
    }  
    public void setTextView(TextView textView) {  
      this.textView = textView;  
    }      
  }  

  /** Custom adapter for displaying an array of Planet objects. */  
  private static class PlanetArrayAdapter extends ArrayAdapter<Planet> {  

    private LayoutInflater inflater;  

    public PlanetArrayAdapter( Context context, List<Planet> planetList ) {  
      super( context, R.layout.simplerow, R.id.rowTextView, planetList );  
      // Cache the LayoutInflate to avoid asking for a new one each time.  
      inflater = LayoutInflater.from(context) ;  
    }  

    @Override  
    public View getView(int position, View convertView, ViewGroup parent) {  
      // Planet to display  
      Planet planet = (Planet) this.getItem( position );   

      // The child views in each row.  
      CheckBox checkBox ;   
      TextView textView ;   

      // Create a new row view  
      if ( convertView == null ) {  
        convertView = inflater.inflate(R.layout.simplerow, null);  

        // Find the child views.  
        textView = (TextView) convertView.findViewById( R.id.rowTextView );  
        checkBox = (CheckBox) convertView.findViewById( R.id.CheckBox01 );  

        // Optimization: Tag the row with it's child views, so we don't have to   
        // call findViewById() later when we reuse the row.  
        convertView.setTag( new PlanetViewHolder(textView,checkBox) );  

        // If CheckBox is toggled, update the planet it is tagged with.  
        checkBox.setOnClickListener( new View.OnClickListener() {  
          public void onClick(View v) {  
            CheckBox cb = (CheckBox) v ;  
            Planet planet = (Planet) cb.getTag();  
            planet.setChecked( cb.isChecked() );  
          }  
        });          
      }  
      // Reuse existing row view  
      else {  
        // Because we use a ViewHolder, we avoid having to call findViewById().  
        PlanetViewHolder viewHolder = (PlanetViewHolder) convertView.getTag();  
        checkBox = viewHolder.getCheckBox() ;  
        textView = viewHolder.getTextView() ;  
      }  

      // Tag the CheckBox with the Planet it is displaying, so that we can  
      // access the planet in onClick() when the CheckBox is toggled.  
      checkBox.setTag( planet );   

      // Display planet data  
      checkBox.setChecked( planet.isChecked() );  
      textView.setText( planet.getName() );        

      return convertView;  
    }  

  }  

  public Object onRetainNonConfigurationInstance() {  
    return planets ;  
  }  
}