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