Android 下实现带有图标和Checkbox的 ListView Item

首先需要一个 ListView Item 的布局文件。
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="72dip">

<CheckBox android:layout_y="16dip"
android:id="@+id/chkTodo" android:layout_width="40dip"
android:layout_height="40dip" android:layout_x="8dip"
/>
<ImageView android:layout_x="0dip" android:layout_y="0dip"
android:layout_height="72dip" android:layout_width="72dip" android:id="@+id/ivIcon" />
<TextView android:layout_y="0dip" android:layout_height="72dip" android:layout_width="200dip" 
android:gravity="center_vertical" android:textSize="24dip" android:textColor="#FFFFFF" 
android:id="@+id/tvCaption" android:layout_x="75dip" />
</AbsoluteLayout>

随后需要实现一个自己的 Adapter，用于将数据和布局进行关联。

public class MyItemAdapter extends BaseAdapter {

private LayoutInflater inflater;
private List<MyItem> list;

public MyItemAdapter(LayoutInflater inflater, List<MyItem> list) {
super();
this.inflater = inflater;
this.list = list;
}

@Override
public int getCount() {
return list.size();
}

@Override
public Object getItem(int position) {
if (position < list.size()) {
return list.get(position);
} else {
return null;
}
}

@Override
public long getItemId(int position) {
if (position < list.size()) {
return list.get(position).getId();
} else {
return -1;
}
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
MyItem item = list.get(position);
View view;
if (convertView != null && convertView.getId() == R.id.lvItems) {
view = convertView;
} else {
view = inflater.inflate(R.layout.listitem, parent, false);
}

ItemViewHolder holder = (ItemViewHolder) view.getTag();
if (holder == null) {
holder = new ItemViewHolder();
holder.myImageView = (ImageView) view.findViewById(R.id.ivIcon);
holder.myTextView = (TextView) view.findViewById(R.id.tvCaption);
view.setTag(holder);
}

if (item != null) {
holder.myImageView.setImageResource(item.getIcon());
holder.myTextView.setText(item.getCaption());
}
return view;
}

protected class ItemViewHolder {
public ImageView myImageView;
public TextView myTextView;
}

}

其中 MyItem 类的实现很简单

public class MyItem {

private String caption;
private int icon;
private int id;

public MyItem(int id, String caption, int icon) {
this.setCaption(caption);
this.setIcon(icon);
this.setId(id);
}
public void setCaption(String caption) {
this.caption = caption;
}
public String getCaption() {
return caption;
}
public void setIcon(int icon) {
this.icon = icon;
}
public int getIcon() {
return icon;
}
public void setId(int id) {
this.id = id;
}
public int getId() {
return id;
}
}

到此，准备工作就做完了，可以进行调用
MyItemAdapter myAdapter = new MyItemAdapter(getLayoutInflater(), list);
lvItems.setAdapter(myAdapter);

 

添加checkbox多选框

 

在程序运行过程中会发现，整个 ListView 无法响应 onItemClick，onItemLongClick 或是 onCreateContextMenu 事件，原因在于，CheckBox 是拥有焦点的，它的优先级比 ListItem 的焦点优先级更高
所以解决方法就是，让CheckBox 不能获得焦点，在以上代码中添加属性
android:focusable="false"
添加后问题就解决了。

随后，我们需要实现 CheckBox 的状态变化，在前文的 Holder 类中添加 CheckBox，随后在 adapter 内将其 OnCheckedChange 事件绑定

holder.chkTodo.setOnCheckedChangeListener(new OnCheckedChangeListener(){
@Override
public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked) {
item.setChecked(isChecked);
}});

当前 item 所属的类中，需要添加一个成员，即 boolean checked;
到此，已经成功的在 ListView 中添加了一个 CheckBox