Android学习：实现复杂的列表项

实现复杂的列表项，这里实现的是带图片的列表项，主要任务的写一个BaseAdapter的子类，不过在这之前先构造个存列表项数据的类ListViewCellData，实现构造函数和几个get方法即可，再在BaseAdapter中构造个数组存放几组测试数据：

public class ListViewCellData {
	public String name,des;
	public int picId;
	public ListViewCellData(String name,String des,int picId){
		this.name = name;
		this.des = des;
		this.picId = picId;
	}
	public String getName() {
		return name;
	}
	public String getDes() {
		return des;
	}
	public int getPicId() {
		return picId;
	}
}

测试数据，R.drawable.img1是存放在，drawable文件夹下的图片，命名规则与变量一样且不能大写：

	public ListViewCellData[] data= new ListViewCellData[]{
			new ListViewCellData("zhangsan","haoren",R.drawable.img1),
			new ListViewCellData("lisi","huairen",R.drawable.img2),
			new ListViewCellData("wangwu","shagua",R.drawable.img3),
			};

刚刚建好BaseAdapter子类的时候，会让你重写四个方法：getCount()、getItem()、getItemId()和getView()

Int getCount()返回Adapter中数据的长度，也就是列表项的数量

Object getItem(int position)是根据position返回对应的列表项

long getItemId(int position)是返回列表项的位置

View getView(int position,View converView,ViewGroup parent)返回列表项的布局，就是列表中一个列表项的布局

前三个方法按下面的代码稍作修改即可

	@Override
	public int getCount(){
		// TODO Auto-generated method stub
		return data.length;
	}

	@Override
	public ListViewCellData getItem(int position) {
		// TODO Auto-generated method stub
		return data[position];
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

主要任务是对getView方法的重写，进行重写之前，先早Layout文件夹下增加一个列表项布局XML：ListCell，对一条ListView进行描述：

<?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="wrap_content"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical" >
        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/des"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

    </LinearLayout>

</LinearLayout>

列表项布局构造好之后，开始重写getView方法，首先声明一个新的LinearLayout的ll用于存放返回列表布局，之后判断convertView是否为空，convertView是系统回收的列表项，如果不为空，则说明系统有回收过列表项，这样直接将convertView强制类型转换复制给ll，如果为空，则使用LayoutInflater.from.inflate方法将刚才建的布局ListCell赋值给ll，其中from需要获取Context，这里在BaseAdapter中创造构造函数以获取Context：

	private Context context = null;
	public ListViewAdapter(Context context){
		this.context = context;
	}
	
	public Context getContext(){
		return this.context;
	}

之后通过getItem方法获取要在一个列表项中存放的数据，同findViewById方法获取布局的控件，再用setImageResource()、setText()等方法设置控件中的内容，最后返回ll即可：

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		LinearLayout ll = null;
		if(convertView!=null){
			ll = (LinearLayout)convertView;
		}
		else{
			ll = (LinearLayout)LayoutInflater.from(getContext()).inflate(R.layout.listcell,null);
		}
		ListViewCellData data = getItem(position);
		ImageView icon = (ImageView)ll.findViewById(R.id.imageView1);
		TextView name = (TextView)ll.findViewById(R.id.name);
		TextView des = (TextView)ll.findViewById(R.id.des);
		
		icon.setImageResource(data.getPicId());
		name.setText(data.getName());
		des.setText(data.getDes());
		
		return ll;
	}

最后在MainActivity中setAdapter中写入刚才写的BaseAdapter就行了：

	private ListView lv = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv = (ListView)findViewById(R.id.listView);
        lv.setAdapter(new ListViewAdapter(this));
    }

还有一种方法不用声明ListView，就是直接继承ListActivity类，然后绑定有ID为@android:id/list列表的布局即可：

public class ListViewActivity extends ListActivity {

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list);
        setListAdapter(new ListViewAdapter(this));
    }

}

带ID为@android:id/list列表的布局：

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>