Show/Hide checkboxes in Custom Adapter

[ibrahim yener]

Hello all
I want to show/hide checkboxes in my custom adapter but i couldn't find any solution for 3 days of search.

In my custom adapter all checkboxes are hidden as default when user click show button then make them visible also click again invisible them.
Here is my code.

Thanks for any help

Main Activity

public class PhonebookList extends ListActivity
{
	private ArrayList<PhoneListView>	lists;
	private ArrayList<String>			phoneName	= new ArrayList<String>();
	private PhoneListAdapter			adapter;
	private ListView					lv;
	
	private RelativeLayout				rl;
	private ImageView					im1;
	private ImageView					im2;
	
	private boolean						checkUncheck = true;

	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_phonelist); // Get main display layout
		
		lv = (ListView) findViewById(android.R.id.list);

		String uniqueName = "";
		int index = 0;
		lists = new ArrayList<PhoneListView>();

		Cursor phones = getContentResolver().query(
				ContactsContract.CommonDataKinds.Phone.CONTENT_URI, null, null,
				null, null);
		while (phones.moveToNext())
		{
			String name = phones
					.getString(phones
							.getColumnIndex(ContactsContract.CommonDataKinds.Phone.DISPLAY_NAME));
			if(!name.equals(uniqueName))
			{
				uniqueName = name;
				phoneName.add(name);
				lists.add(new PhoneListView(name, index, checkUncheck));
				
				index++;
			}
			else
			{
				continue;
			}
		}

		int x = lists.size();
		PhoneListView[] toArray = new PhoneListView[x];
		toArray = lists.toArray(toArray);

		adapter = new PhoneListAdapter(this,
				R.layout.custom_phone_listview_rows, toArray); // Layout whose hold rows
		lv.setAdapter(adapter);
		lv.setClickable(true);

		lv.setOnItemClickListener(new OnItemClickListener()
		{
			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id)
			{
				Intent i = new Intent(getApplicationContext(),
						PhoneBookDetail.class);
				i.putExtra("id", phoneName.get(position));
				startActivity(i);
			}
		});
	}

	@Override
	protected void onResume()
	{
		final ImageView showButton = (ImageView) findViewById(R.id.show_hide_button);
		showButton.setBackgroundResource(R.drawable.icon_choise);
		
		showButton.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{
				if(checkUncheck)
				{
					showButton.setBackgroundResource(R.drawable.icon_choise);
					checkUncheck = false;
					
					rl.setVisibility(View.GONE);
					im1.setVisibility(View.GONE);
					im2.setVisibility(View.GONE);
				}
				else
				{
					showButton.setBackgroundResource(R.drawable.icon_completion);
					checkUncheck = true;
					
					rl.setVisibility(View.VISIBLE);
					im1.setVisibility(View.VISIBLE);
					im2.setVisibility(View.VISIBLE);
				}
			}
		});
		
		rl  = (RelativeLayout) findViewById(R.id.show_hide_bar);
		im1 = (ImageView) findViewById(R.id.show_hide_backup);
		im2 = (ImageView) findViewById(R.id.show_hide_checkall);
		
		rl.setVisibility(View.GONE);
		im1.setVisibility(View.GONE);
		im2.setVisibility(View.GONE);
		super.onResume();
	}

	public void backupForChecked(View v)
	{
		if(adapter.checkedItem.size() == 0)
			Toast.makeText(getApplicationContext(), "Select atleast one item", Toast.LENGTH_SHORT).show();
		else
		{
			//	Send selected values as Array
			int[] myArray = new int[adapter.checkedItem.size()];
			
			Bundle b=new Bundle();
			for(int i = 0; i < adapter.checkedItem.size(); i++)
			{
				myArray[i] = Integer.parseInt(adapter.checkedItem.get(i));
			}
			b.putIntArray("contactID", myArray);
			
			Intent i = new Intent(getApplicationContext(), SaveAllWithoutAsk.class);
			i.putExtra("contactID", myArray);
			startActivity(i);
		}
	}
	
	public void checkUncheckAll(View v)
	{

	}
	
	public void modoru(View v)
	{
		finish();
	}
}

Custom ListView

package custom_list;

public class PhoneListView
{
	private String	name;
	private int		id;
	private boolean	itemToggled	= false;

	public PhoneListView()
	{
		super();
	}

	public PhoneListView(String name, int id, boolean itemToggled)
	{
		this.setName(name);
		this.setId(id);
		this.setItemToggled(itemToggled);
	}

	public void setName(String name)
	{
		this.name = name;
	}

	public void setId(int id)
	{
		this.id = id;
	}

	public String getName()
	{
		return name;
	}

	public int getId()
	{
		return id;
	}

	public boolean getItemToggled()
	{
		return itemToggled;
	}

	public void setItemToggled(boolean itemToggled)
	{
		this.itemToggled = itemToggled;
	}
}

And my Custom Adapter

public class PhoneListAdapter extends ArrayAdapter<PhoneListView>
{
	private Context				context;
	private int					resID;
	private PhoneListView[]		data		= null;
	public ArrayList<String>	checkedItem	= new ArrayList<String>();

	public PhoneListAdapter(Context context, int resource,
			PhoneListView[] objects)
	{
		super(context, resource, objects);
		this.context = context;
		this.resID = resource;
		this.data = objects;
	}

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

		if (row == null)
		{
			LayoutInflater inflate = ((Activity) context).getLayoutInflater();
			row = inflate.inflate(resID, null);

			holder = new CustomHolder();
			holder.cb = (CheckBox) row.findViewById(R.id.phonelist_checkbox);
			holder.tw = (TextView) row
					.findViewById(R.id.phonelist_contact_name);

			row.setTag(holder);
		}
		else
			holder = (CustomHolder) row.getTag();

		final PhoneListView plv = data[position];
		holder.tw.setText(plv.getName().toString());
		holder.id = plv.getId();
		
		holder.checked = plv.getItemToggled();

		if (holder.checked == false)
			holder.cb.setVisibility(View.GONE);
		else
		{
			holder.cb.setVisibility(View.VISIBLE);
			holder.cb.setOnClickListener(new View.OnClickListener()
			{
				@Override
				public void onClick(View v)
				{
					if (((CompoundButton) v).isChecked())
					{
						checkedItem.add("" + plv.getId());
					}
					else
					{
						checkedItem.remove("" + plv.getId());
					}
				}
			});
		}

		return row;
	}

	public class CustomHolder
	{
		CheckBox	cb;
		TextView	tw;
		int			id;
		boolean		checked;
	}
}

Screen shots are here

[Steve Luke]

It isn't clear what the problem is. You state what you want and show screen shots of the behavior. But you don't state what the problem is. What isn't happening or what error do you get?

[ibrahim yener]

Dear steve
Thanks for reply.

The problems are:

1 - i cannot Show/Hide checkboxes
2 - I cannot check/uncheck unboxes when state is visible

[Steve Luke]

I am on my phone so I can't do a lot of research but for making the check boxes visible, when you press the show hide button you need to update the list view to tell it to recreate the views. The best way to do it is to tell the adapter its data has updated. If you read the api for adapters the method call should present itself.

For the other problem. .. This might be tougher. One option would be to switch the behavior of the on item selected listener for the list and have it toggle the checked state of the check box and underlying variable. There may be another option related to creating a pass through for click events, the Android developers network YouTube channel might have a video that covers this if I recall.

[ibrahim yener]

Thanks for reply.
I have solved my problem #1 i am going to write solution here who may help someone's hours and hairs.

I have created new public method and call it when show/hide button clicked.

Now i am still researching how to handle check/uncheck all and i still need idea and help

[Steve Luke]

ibrahim yener wrote:Thanks for reply.
I have solved my problem #1 i am going to write solution here who may help someone's hours and hairs.

I have created new public method and call it when show/hide button clicked.

Now i am still researching how to handle check/uncheck all and i still need idea and help

I think this work starts out in your adapter. You should add a few methods to the adapter to check/uncheck individual items, and view their checked status. This is an example:

    public void setItemCheckedState(int position, boolean checked)
    {
        PhoneListView item = data[position];
        
        item.setItemToggled(checked);
            
        //if checked and not yet in the list, put it in the list
        if (checked)
            if (!checkedItem.contains(item))
            {
                checkedItem.add("" + item.getId());
            }
        } else 
        {
            //remove from checked list
            checkedItem.remove("" + item.getId());
        }
    }
    
    public boolean isItemChecked(int position)
    {
        return data[position].isItemToggled();
    }

The first method sets the toggle state for the PhoneListView item, and then puts it in the list of checked items if it is toggled on (and isn't already in the list) and takes it out of the list if item is toggled off. The second method just checks the state of the toggle (since I can't stand the asymetry of setting the checked stated but not getting it... this method is not technically needed...). Then you have a simple 'check all' method which I would also put in the adapter class:

    public void setAllItemsCheckedState(boolean checked)
    {
        // first, clear the checked item list to prevent duplicates
        checkedItem.clear()
        
        for (int position = 0; position < data.length; position++)
        {
            //for each item, set its state appropriately
            setItemCheckedState(position, checked);
        }
    }

And this code would be called from your onClick listener for the 'Select All' button.

[ibrahim yener]

Dear Steve
Thanks for help and code. I really appreciate for that.

Could you tell me how can i call setAllItemsCheckedState method (or any method) inside of an adapter.

So far i know, codes execute top to bottom.

What can i put into my method named public void checkUncheckAll(View v) in my MainActivity.java class to call adapter.
Also, i don:t know why but most of my application doesn't update adapter for adapter.setNotifyOnChange(true);

Seriously, i need to learn and custom adapter things.

Thank you for your help again. And sorry for my English it is almost 1am here.

[Steve Luke]

ibrahim yener wrote:Could you tell me how can i call setAllItemsCheckedState method (or any method) inside of an adapter.

So far i know, codes execute top to bottom.

I may be mis-reading your question, I am sorry if I am. But you would call the method like any other method on any other object. You need a reference to an instance of the adapter, then you call the method from it (adapter.setAllItemsCheckedState(true) to toggle them on for example). It is just like calling myArrayList.size(). Code in a method is executed top to bottom, unless there is something that modifies the execution order (like if statements or loops). But methods are executed when they are called, their order is irrelevent.

So your strategy would be to add an onTouchListener() to your Select All/Clear All button. In that onClick method, get a reference to the adapter (your Activity already has one). Then call the setAllItemsCheckedState(boolean) method with the correct state (true or false) depending on if the items should be checked or unchecked.

[ibrahim yener]

Dear Steve
I don't how to thank you. I really appreciate for your help.
All i have to do after calling method inside of adapter just adapter.setNotifyOnChange(true); isn't it?

Have a great day.

By the way, you had 20 cows yesterday and today 17 left. What happened?

[ibrahim yener]

Yessssssssssssss
Finally i did it. I am able to check/uncheck all checkboxes.

Steve, I want to thank you for help. Probably i couldn't succeed without your guidance.

soon I am going to write tutorial for the solution.

[Steve Luke]

Awesome! Glad you got it worked out.