Android 下实现带有图标和Checkbox的 ListView Item
2011-03-15 13:21
393 查看
首先需要一个 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
<?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
相关文章推荐
- Android 下实现带有图标和Checkbox的 ListView Item(2)
- Android编程实现带有图标的ListView并带有长按菜单效果示例
- 一个android带可变图标以及checkbox的ListView的Adapter的实现,用于工厂测试
- 【转】Android 下实现带有图标的 ListView Item
- WPF Arcgis 开发实现带有图片和标题的渲染图标
- android开关按钮,Switch,ToggleButton,RadioButton,CheckBox ,多种实现开关按钮
- Android 实现自定义自带删除按钮的EditText(带有搜索接口)
- Android实现带有边框的ListView和item的方法
- 美解决Android在listview添加checkbox实现单选多选操作问题
- Android高级控件(一)——ListView绑定CheckBox实现全选,添加和删除等功能
- android实现应用程序无图标(快捷方式)问题
- android UI进阶之实现listview中checkbox的多选与记录
- android 实现图标 (图片)拖拽移动
- Android应用图标在状态栏上显示实现原理
- Android里ListView里面添加CheckBox实现单选。
- android之修改CheckBox左侧图标样式
- Android学习(二)CheckBox 实现
- android实现qq邮箱多个图标效果
- android--实现通过点击链接打开apk(应用图标在桌面消失)
- Android实现图标右上角红色小圆球提示气泡