ListView Multiselection

Question

I tried to implement the multiselection on Android ListView. I want to select/deselect more than one item and these items should keep highlighted or not. I don't want to use CheckBoxs for selecting the items.

I put the functionallity in my adapter. Here is the code:

public class MultiSelectionAdapter extends BaseAdapter {

private List<Event> streams;
private LayoutInflater inflater;
private Context context;

// I keep the selected items index.
private static List<Integer> selectedIndexList = new ArrayList<Integer>();


public MultiSelectionAdapter(Context context, List<Event> streams) {
    this.streams = streams;
    this.inflater = LayoutInflater.from(context);
    this.context = context;

    selectedIndexList.clear();
    Integer i = -1;
    selectedIndexList.add(i);
}



@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder = null;

    //if (convertView == null) {
        convertView = inflater.inflate(R.layout.adapter_stream_ins, null);
        holder = new ViewHolder();
        holder.hTitle = (TextView) convertView.findViewById(R.id.adapter_title);
        holder.hProfileImage = (ImageView) convertView.findViewById(R.id.adapter_profileimage);
        holder.hMainImage = (WebImageView) convertView.findViewById(R.id.adapter_mainimage);
        //convertView.setTag(holder);
    //} else {
    //  holder = (ViewHolder) convertView.getTag();
    //}


    for(Integer i : selectedIndexList){
        if (position == i) {
            // Here I get the view inside the layout and set it to enable (the item has a selector as background) 
            RelativeLayout mainLayout = (RelativeLayout) ((ViewGroup) convertView).getChildAt(1);
            LinearLayout item = (LinearLayout) ((ViewGroup) mainLayout).getChildAt(1);
            item.setSelected(true);
        }
    }


    Ins eventItem = (Inspiration) getItem(position);
    holder.hTitle.setText(eventItem.getName());
    holder.hMainImage.setImageWithURL(context, WebServiceConfig.getImageUrl(eventItem.getImagePath()));

    return convertView;
}



public int getCount() {
    return this.streams.size();
}

public Event getItem(int position) {
    return this.streams.get(position);
}

public long getItemId(int position) {
    return position;
}

public void add(Event e) {
    streams.add(e);
}

public void addAll(List<Event> events) {
    streams.addAll(events);
}

public void remove(Event e) {
    streams.remove(e);
}



public void setSelectdIndexList(List<Integer> l){
    selectedIndexList = l;
    notifyDataSetChanged();
}


class ViewHolder {
    TextView hTitle;
    ImageView hProfileImage;
    WebImageView hMainImage;
}

}

I my activity I save the selected items and the indexs in a List

public List<Event> insSelected = new ArrayList<Event>();
public static List<Integer> selecteditems = new ArrayList<Integer>();

Finally in the ListView setOnItemClickListener method I update the list and the adapter.

streamsListView.setOnItemClickListener(new OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> adapter, View view, int position, long arg3) {   
            Ins selectedItem = (Ins) streamsListView.getItemAtPosition(position);


            if(insSelected.contains(selectedItem)){
                insSelected.remove(selectedItem);

                selecteditems.remove((Integer)position);
                eventAdapter.setSelectdIndexList(selecteditems);
                eventAdapter.notifyDataSetChanged();
            }else{
                insSelected.add(selectedItem);

                selecteditems.add((Integer)position); 
                eventAdapter.setSelectdIndexList(selecteditems);
                eventAdapter.notifyDataSetChanged();
            }

        }
    });

I know my code in the adapter is totally inefficient because i have to draw the ListView every time I select or deselect an item.

Any ideas about how to improve it? Thanks!

Answer 1

this is a code example of what I use to create custom adapters. The first Function is used to call the custom adapter from within your main activity. ListAdapter is your custom Java file to be called.

List<ListAdapter> CustomAdapterList = new ArrayList<CustomAdapterList>();//List  with items to send to the custom adapter

List<String> items = new ArrayList<String>();
private void populateCustomList()
{
    ArrayAdapter<ListAdapter> Population= new CustomAdapter();
    ListView list= (ListView)findViewById(R.id.listView);
    list.setAdapter(Population);
}

private class CustomAdapter extends ArrayAdapter<ListAdapter>
{
    public CustomAdapter (){super(Settings.this,R.layout.listadapter,CustomAdapterList);}

    @Override
    public View getView(int position, View convertView, ViewGroup parent)
    {
        View itemView = convertView;
        if (itemView == null)
        {
            itemView = getLayoutInflater().inflate(R.layout.listadapter, parent, false);
        }
        final ListAdapter Position = CustomAdapterList.get(position);

        final TextView tv= (TextView)itemView.findViewById(R.id.tv);
        tv.setText(Position.getText());

        final RelativeLayout layout= (RelativeLayout)itemView.findViewById(R.id.layoutID);

        layout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) 
            {
            if(!items.contains(Position.getText())
            {
                 items.add(Position.getText());
                 layout.setBackgroundColor(Color.parseColor("")); //input RGB value of selected item
            }
            else()
            {
                items.remove(Position.getText());
                layout.setBackgroundColor(Color.parseColor("")); //Input RGB value of unselected colour
            }
            }
        });

        return itemView;
    }
}

This will change the layout colour of the items you have clicked and add them to a list for when you would like to use them. It also changes the colour back after selection and removes the item from the list.

The ListAdapter class is as follows:

public class ListAdapter{


String text;

public ListAdapter(String text)
{
    super();
    this.text= text;

}

public String getText()
{
    return text;
}

public void setText(String text)
{
    this.text= text;
}


}

I hope this helps. PS. listadapter.xml only holds a textview in a RelativeLayout.