Android 自定义ListView详解

本文讲实现一个自定义列表的Android程序，程序将实现一个使用自定义的适配器（Adapter）绑定 
数据，通过contextView.setTag绑定数据有按钮的ListView。 
系统显示列表（ListView）时，首先会实例化一个适配器，本文将实例化一个自定义的适配器。实现 
自定义适配器，必须手动映射数据，这时就需要重写getView()方法，系统在绘制列表的每一行的时候 
将调用此方法。 
ListView在开始绘制的时候，系统自动调用getCount()函数，根据函数返回值得到ListView的长度， 
然后根据这个长度，调用getView()逐一画出每一行。 

具体使用方法可以参考下面代码，只需记住Android自定义ListView三步骤： 

第一步：准备主布局文件、组件布局文件等 

第二步：获取并整理数据 

第三部：绑定数据，这里我们是通过自己编写Adapter类来完成的 

1.首先新建一个list.XML

<?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

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代码  

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:paddingBottom="@dimen/activity_vertical_margin"  
6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
7.     android:paddingRight="@dimen/activity_horizontal_margin"  
8.     android:paddingTop="@dimen/activity_vertical_margin"  
9.     tools:context=".MainActivity" >  
10.     <ListView   
11.         android:id="@+id/list"  
12.         android:layout_width="fill_parent"  
13.         android:layout_height="fill_parent"></ListView>  
14. </RelativeLayout>  

4、在activity中调用ListView 

Java代码  

1. public class MainActivity extends Activity {  
2.   
3.     private ListView listView=null;   
4.     @Override  
5.     protected void onCreate(Bundle savedInstanceState) {  
6.         super.onCreate(savedInstanceState);  
7.         setContentView(R.layout.activity_main);  
8.         listView=(ListView)findViewById(R.id.list);  
9.         List<Map<String, Object>> list=getData();  
10.         listView.setAdapter(new MyAdspter(this, list));  
11.     }  
12.     @Override  
13.     public boolean onCreateOptionsMenu(Menu menu) {  
14.         getMenuInflater().inflate(R.menu.main, menu);  
15.         return true;  
16.     }  
17.   
18.     public List<Map<String, Object>> getData(){  
19.         List<Map<String, Object>> list=new ArrayList<Map<String,Object>>();  
20.         for (int i = 0; i < 10; i++) {  
21.             Map<String, Object> map=new HashMap<String, Object>();  
22.             map.put("image", R.drawable.ic_launcher);  
23.             map.put("title", "这是一个标题"+i);  
24.             map.put("info", "这是一个详细信息"+i);  
25.             list.add(map);  
26.         }  
27.         return list;  
28.     }  
29. }