Android 自定义ListView

关注

转载最新推荐文章于 2026-04-04 09:41:48 发布 406 阅读 AI 写同款· GEO 优化 ›

Android自定义ListView实现侧滑子菜单惯例，先放效果图，DEMO在最后想当年博主刚接触Android的时候，看到这个效果心中只有膜拜啊，如果慢慢的自己水平也上来了，就把当年的一个想法给圆满了吧。好了，废话不多说，先总结总结这个效果：首先是需要自定义ListView，这点是必须的，然后在ListView的onTouchEvent方法中对事件进行处理普通的Item的话，是没办法实现这样侧滑的，即使你塞一阅读详情

本文讲实现一个自定义列表的Android程序，程序将实现一个使用自定义的适配器（Adapter）绑定
数据，通过contextView.setTag绑定数据有按钮的ListView。
系统显示列表（ListView）时，首先会实例化一个适配器，本文将实例化一个自定义的适配器。实现
自定义适配器，必须手动映射数据，这时就需要重写getView()方法，系统在绘制列表的每一行的时候
将调用此方法。
ListView在开始绘制的时候，系统自动调用getCount()函数，根据函数返回值得到ListView的长度，
然后根据这个长度，调用getView()逐一画出每一行。
具体使用方法可以参考下面代码，只需记住Android自定义ListView三步骤：
第一步：准备主布局文件、组件布局文件等
第二步：获取并整理数据
第三部：绑定数据，这里我们是通过自己编写Adapter类来完成的
1.首先新建一个list.XML

Java代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<LinearLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" android:background="#f1e4f1">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#666872"/>
<Button
android:id="@+id/view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="详细"/>
</LinearLayout>
<TextView
android:id="@+id/info"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#666872"/>
</LinearLayout>

2、新建一个适配器类MyAdspter.java

Java代码

public class MyAdspter extends BaseAdapter {
private List<Map<String, Object>> data;
private LayoutInflater layoutInflater;
private Context context;
public MyAdspter(Context context,List<Map<String, Object>> data){
this.context=context;
this.data=data;
this.layoutInflater=LayoutInflater.from(context);
}
/**
* 组件集合，对应list.xml中的控件
* @author Administrator
*/
public final class Zujian{
public ImageView image;
public TextView title;
public Button view;
public TextView info;
}
@Override
public int getCount() {
return data.size();
}
/**
* 获得某一位置的数据
*/
@Override
public Object getItem(int position) {
return data.get(position);
}
/**
* 获得唯一标识
*/
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Zujian zujian=null;
if(convertView==null){
zujian=new Zujian();
//获得组件，实例化组件
convertView=layoutInflater.inflate(R.layout.list, null);
zujian.image=(ImageView)convertView.findViewById(R.id.image);
zujian.title=(TextView)convertView.findViewById(R.id.title);
zujian.view=(Button)convertView.findViewById(R.id.view);
zujian.info=(TextView)convertView.findViewById(R.id.info);
convertView.setTag(zujian);
}else{
zujian=(Zujian)convertView.getTag();
}
//绑定数据
zujian.image.setBackgroundResource((Integer)data.get(position).get("image"));
zujian.title.setText((String)data.get(position).get("title"));
zujian.info.setText((String)data.get(position).get("info"));
return convertView;
}
}

关于上面LayoutInflater的使用：在实际开发种LayoutInflater这个类还是非常有用的。它的作用类似
于 findViewById()，不同点是LayoutInflater是用来找layout下xml布局文件，并且会实例化！。
getView()的三个参数：position表示将显示的是第几行，covertView是从布局文件中inflate来的布
局。我们用LayoutInflater的方法将定义好的list.xml文件提取成View实例用来显示。然后将xml文件
中的各个组件实例化，这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件，需要为
它添加点击监听器，这样就能捕获点击事件。
3、activity_main.xml中添加ListView控件

Java代码