Customized chekclist list view

[Pratik Goswami]

Hello everyone,

I have to develop a multiple selection checklist (Like ApiDemos >> view >> 11.Multiple Choice List) with image and textviews and checkbox in list row. I am able to create view look like that but when i click on list, nothing gets affected. I have to click on check box component manually. I want ckecking effect on list's on click event.

Thanks & Regards
Pratik Goswami

[Mark L. Murphy]

Did you start with the source code from that API demo? It is available in your SDK.

[Pratik Goswami]

Hi Mark,

Thanks for reply.
I have started with Source code and getting list with Images and Textviews but checkbox doesn't appear inside list.

Java class : -

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.ViewGroup;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class ConfigTab extends Activity {

	ArrayList<HashMap<String, String>> list = new ArrayList<HashMap<String, String>>();
	Context context;
	int select1;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(MOBIConfig(this));
	}

	public ViewGroup MOBIConfig(Context context) {

		ListView lw = new ListView(context);

		HashMap<String, String> item = new HashMap<String, String>();
		HashMap<String, String> item2 = new HashMap<String, String>();
		HashMap<String, String> item3 = new HashMap<String, String>();
		HashMap<String, String> item4 = new HashMap<String, String>();

		item.put("DBdata1", "Data1");
		item.put("DBdata2", "Data1 of data1");
		item.put("gif", R.drawable.iii + "");
		

		item2.put("DBdata1", "Data2");
		item2.put("DBdata2", "Data1 of data2");
		item2.put("gif", R.drawable.iii + "");

		item3.put("DBdata1", "Data3");
		item3.put("DBdata2", "Data1 of data3");
		item3.put("gif", R.drawable.iii + "");
		
		item4.put("DBdata1", "Data4");
		item4.put("DBdata2", "Data1 of data4");
		item4.put("gif", R.drawable.iii + "");
		
		list.add(item);
		list.add(item2);
		list.add(item3);
		list.add(item4);
		

		SimpleAdapter notes = new SimpleAdapter(context, list,
				R.layout.configtab, new String[] { "DBdata1", "DBdata2", "gif"},
				new int[] { R.id.txtview1, R.id.txtview2, R.id.imgView1});

		lw.setAdapter(notes);
		lw.setDividerHeight(1);
		lw.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
		return lw;
	}
}    

XML:-

 <?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/tableLy"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:stretchColumns="1"> 
>
	<TableRow
	android:id="@+id/tableRw"
	android:layout_width="fill_parent"
	android:layout_height="80px"
	android:orientation="horizontal"		
	>
		<ImageView
		android:id="@+id/imgView1"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"		
		android:layout_gravity="left"
		android:padding="3dip" 
		>
		</ImageView>		
		<LinearLayout
     	android:layout_width="fill_parent"
     	android:layout_height="wrap_content"
     	android:orientation="vertical"
	 	android:padding="3dip" 
	 	>
     		<TextView android:id="@+id/txtview1"
         	android:textSize="16px"         
         	android:textColor="#fff"         
         	android:layout_width="fill_parent"
         	android:layout_height="wrap_content"
         	/> 		
     		<TextView android:id="@+id/txtview2"
         	android:textSize="12px"
         	android:textStyle="italic"
         	android:layout_width="fill_parent"
         	android:layout_height="wrap_content"
         	/>         	
		</LinearLayout>
		
		<CheckedTextView
		android:layout_width="wrap_content"
		android:layout_height="wrap_content" 
		android:id="@+id/PostedCheckBox"
		/>
	</TableRow>
</TableLayout>
   

I am attaching snapshot of list as well.

Thanks & Regards
Pratik Goswami