系统显示列表(ListView)时,首先会实例化一个适配器,本文将实例化一个自定义的适配器。实现自定义适配器,必须手动映射数据,这时就需要重写getView()方法,系统在绘制列表的每一行的时候将调用此方法。ListView在开始绘制的时候,系统自动调用getCount()函数,根据函数返回值得到ListView的长度,然后根据这个长度,调用getView()逐一画出每一行。
具体步骤如下:
第一步:准备主布局文件、组件布局文件等;
第二步:获取并整理数据;
第三部:绑定数据;
实际操作:
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
package com.example.listview;
import java.util.List;
import java.util.Map;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
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;
}
}
3.activity_main.xml中添加ListView控件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"></ListView>
</RelativeLayout>
4.在activity中调用ListView
package com.example.listview;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;
public class MainActivity extends Activity {
private ListView listView=null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView=(ListView)findViewById(R.id.list);
List<Map<String, Object>> list=getData();
listView.setAdapter(new MyAdspter(this, list));
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
public List<Map<String, Object>> getData(){
List<Map<String, Object>> list=new ArrayList<Map<String,Object>>();
for (int i = 0; i < 10; i++) {
Map<String, Object> map=new HashMap<String, Object>();
map.put("image", R.drawable.ic_launcher);
map.put("title", "这是一个标题"+i);
map.put("info", "这是一个详细信息"+i);
list.add(map);
}
return list;
}
}
运行结果下: