ListView，简单理解成列表显示，目前大多数Android端的应用软件都会使用ListView，可见其在开发中的重要性，所以有必要深入理解掌握，下面开始总结：
首先，需要理解ListView的组成
从图中可以看出一个最简单的ListView的组成：
（1）ListView页面
（2）ListView的每一项
（3） 每一项中的数据
然后是ListView的功能：1，将数据填充到View中，2.响应点击事件
第1点，将数据填充到View中，就需要使用 适配器(Adapter) 来连接ListView和数据，让数据按照给定的布局显示在ListView中
第2点，响应事件事件，一般ListView都会有SetOnItemClickListener方法，用来响应点击事件，或者，在OnClick方法中一般会有参数为点击的item的索引和点击的item的View，只需要简单引用就能找到点击的item项
Adapter的分类：
ArrayAdapter，最简单的Adapter，用来绑定数组型数据
SimpleAdaper,使用最广的Adapter，灵活性高，可根据XML布局文件的不同而适配数据
SimpleCursorAdapter，对数据库操作时用的Adapter，根据从数据库获取到的数据进行适配
BaseAdapter，基础Adapter，需要用其他类来继承它，然后重写getView方法，能得到不同的适配
注：SimpleAdapter和BaseAdapter的区别：BaseAdapter可以实现在单个ListView的Item中添加按钮并实现点击事件，而SimpleAdapter不能对Item中的按钮等交互性控件的事件进行处理，只能对ListView的Item进行SetOnItemClickListener
以上是使用比较广的四种适配器，其实适配器种类还有很多，但是目的都是一样的--将数据和ListView适配，使数据能够在ListView中显示
下面通过代码来实际操作说明
1.通过ArrayAdapter使用ListView
一个最简单的ListView使用方法，使用ArrayAdapter：1）.在布局文件中添加ListView标签；2）.在代码中初始化ListView，得到实例，然后调用实例的sertAdapter方法，可以在setAdapter中创建匿名内部类Adapter();对于Adapter的设置很重要，因为在Adapter中需要指定显示的View样式和数据源，这样一个最简单的ListView就实现了；
package com.example.testarrayadapter;
import android.os.Bundle;
import android.app.Activity;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends Activity {
// 定义数据源
private String[] data = { "test01", "test02", "test03", "test04", "test05",
"test06" };
// 申明ListView
private ListView list = null;
// 申明适配器，Adapter中的数据是String类型的
private ArrayAdapter<String> mArrayAdapter = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 绑定控件
list = (ListView) findViewById(R.id.lv);
// 创建新的ArrayAdapter，参数需要
// 1,上下文对象
// 2.XML布局文件，这里为了方便，使用的是系统自带的simple_list_item_1布局文件
// 3.最后就是数据源
mArrayAdapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_multiple_choice, data);
// 然后执行绑定适配器的操作，这样ListView就和数据进行了绑定
list.setAdapter(mArrayAdapter);
// 设置选择模式，这是在使用了带选择框的item布局时，可以通过设置设个属性来设置单选或者多选模式
list.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
}
}
运行效果：
注：Android系统还提供了几种不同样式的item布局，包括带选择框的，带按钮的，各种不同样式，具体情况具体使用吧，我这里使用的是最简单的布局样式，仅显示一行文本
2.通过SimpleAdapter使用ListView
使用SimpleAdapter，首先创建Item布局文件，这是在ListView中单个Item显示的样式，然后在代码中初始化ListView，创建ArrayList<Hashmap<String,Object>>用于绑定数据，每一个Item中的数据将绑定到Hashmap中，这样ArrayList实例调用add方法就能将数据加入，然后创建SimpleAdapter的实例，添加数据和布局，最后调用ListView的SetAdapter方法，添加这个SimpleAdapter就能完成使用
首先是item的布局：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/IV_item"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="2dp"
android:layout_marginTop="2dp"
android:background="#dd3344"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/TV_item_top"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/TV_item_top"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_marginTop="2dp"
android:layout_toRightOf="@+id/IV_item"
android:background="#eedd33"
android:gravity="center"
android:textSize="20sp" />
<TextView
android:id="@+id/TV_item_center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/IV_item"
android:layout_alignLeft="@+id/TV_item_top"
android:layout_alignParentRight="true"
android:layout_below="@+id/TV_item_top"
android:layout_marginBottom="2dp"
android:background="#23ed43"
android:gravity="center"
android:textSize="14sp" />
</RelativeLayout>然后是activity_main的布局文件，整个页面就是一个简单的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"
tools:context=".MainActivity" >
<ListView
android:id="@+id/LV_simple"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" >
</ListView>
</RelativeLayout>最后就是MainActivity中的代码：
package com.example.testsimpleadapter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity {
// 申明ListView
private ListView mListView = null;
// 申明SimpleAdapter
private SimpleAdapter mSimpleAdapter = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 初始化ListView
mListView = (ListView) findViewById(R.id.LV_simple);
// 初始化SimpleAdapter，参数为：
// 1.上下文对象
// 2.数据源，这里将数据源封装在下面的方法getData中
// 3.布局文件，这里的布局文件就是之前做好的item布局文件
// 4.对应HashMap中的键，用一个String型数组来封装
// 5.对应的布局文件中的控件的id，用一个int型数组来封装
mSimpleAdapter = new SimpleAdapter(this, getData(), R.layout.list_item,
new String[] { "icon", "topText", "centerText" }, new int[] {
R.id.IV_item, R.id.TV_item_top, R.id.TV_item_center });
// 对ListView设置适配器
mListView.setAdapter(mSimpleAdapter);
// 设置ListView的每一项点击事件
mListView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
// onItemClick事件中的参数：
// arg0，Adapter的View，不太清楚，具体还需要再研究
// arg1，点击的item界面的View，就是一个list_item界面，所以可以通过这里获取到控件中的内容
// arg2，点击的item的索引，就是，点击的是第几个item
// 这里可以看到，通过arg1就可以获取到点击的那个item界面的TextView控件，然后就能获取到控件上的内容
TextView itemContent = (TextView) arg1
.findViewById(R.id.TV_item_top);
Toast.makeText(MainActivity.this,
"你点击了 item " + arg2 + "内容是：" + itemContent.getText(),
Toast.LENGTH_SHORT).show();
}
});
}
/**
* 获取数据源的方法
*/
private List<Map<String, Object>> getData() {
List<Map<String, Object>> list_item = new ArrayList<Map<String, Object>>();
for (int i = 0; i < 10; i++) {
// 这里一定要注意，每次向list_item中添加的item_data必须是新建的HashMap实例
// 也就是必须每次新建，每次添加，而不能一次新建循环添加
// 所以这个new 语句必须放在for循环内
Map<String, Object> item_data = new HashMap<String, Object>();
item_data.put("icon", R.drawable.ic_launcher);
item_data.put("topText", "Top test " + i);
item_data.put("centerText", "simpleAdapter center " + i);
list_item.add(item_data);
}
return list_item;
}
}
注：SimpleAdapter和SimpleCursorAdapter的区别仅仅在于数据源的不同，SimpleCursorAdapter是通过Cursor实例获取到数据库的内容，然后作为数据源传入SimpleCursorAdapter的参数，这里就不做记录
3.通过BaseAdapter使用ListView
使用BaseAdapter，因为BaseAdapter是抽象类，所以需要新建一个类继承自BaseAdapter类，然后调用ListView的SetAdapter时，使用这个新建的类作为参数，在BaseAdapter中需要重写几个方法，其中getView()方法是对View的适配,也是对ListView进行优化的一个关键方法，对于ListView的优化，以下内容来自网络：
第一种：没有任何处理，不建议这样写。如果数据量少看将就，但是如果列表项数据量很大的时候，会每次都重新创建View，设置资源，严重影响性能，所以从一开始就不要用这种方式
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View item = mInflater.inflate(R.layout.list_item, null);
ImageView img = (ImageView)item.findViewById(R.id.img)
TextView title = (TextView)item.findViewById(R.id.title);
TextView info = (TextView)item.findViewById(R.id.info);
img.setImageResource(R.drawable.ic_launcher);
title.setText("Hello");
info.setText("world");
return item;
}
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView == null)
{
convertView = mInflater.inflate(R.layout.list_item, null);
}
ImageView img = (ImageView)convertView.findViewById(R.id.img)
TextView title = (TextView)convertView.findViewById(R.id.title);
TextView info = (TextView)ConvertView.findViewById(R.id.info);
img.setImageResource(R.drawable.ic_launcher);
title.setText("Hello");
info.setText("world");
return convertView;
}第三种ListView优化：通过convertView+ViewHolder来实现，ViewHolder就是一个静态类，使用 ViewHolder 的关键好处是缓存了显示数据的视图（View），加快了 UI 的响应速度。
当我们判断 convertView == null 的时候，如果为空，就会根据设计好的List的Item布局（XML），来为convertView赋值，并生成一个viewHolder来绑定converView里面的各个View控件（XML布局里面的那些控件）。再用convertView的setTag将viewHolder设置到Tag中，以便系统第二次绘制ListView时从Tag中取出。（看下面代码中）
如果convertView不为空的时候，就会直接用convertView的getTag()，来获得一个ViewHolder。
//在外面先定义，ViewHolder静态类
static class ViewHolder
{
public ImageView img;
public TextView title;
public TextView info;
}
//然后重写getView
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if(convertView == null)
{
holder = new ViewHolder();
convertView = mInflater.inflate(R.layout.list_item, null);
holder.img = (ImageView)item.findViewById(R.id.img)
holder.title = (TextView)item.findViewById(R.id.title);
holder.info = (TextView)item.findViewById(R.id.info);
convertView.setTag(holder);
}else
{
holder = (ViewHolder)convertView.getTag();
holder.img.setImageResource(R.drawable.ic_launcher);
holder.title.setText("Hello");
holder.info.setText("World");
}
return convertView;
}首先创建ListView中的item页面，这里的item页面和之前的SimpleAdapter中的item页面大致相同，只是在右边多加了一个按钮，所以就不贴出来了。
然后是MainActivity中，我这里为了方便是将继承自BaseAdapter类的子类mBaseAdapter写在MainActivity中的，也可以单独建个类文件来写，注意构造方法传参时要传入数据源;
package com.example.testbaseadapter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity {
// 申明ListView实例
private ListView mListView = null;
// 申明一个mBaseAdapter类的实例
private mBaseAdapter mAdapter = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 绑定ListView实例
mListView = (ListView) findViewById(R.id.LV_show);
// 初始化mBaseAdapter实例
mAdapter = new mBaseAdapter(this);
// 设置ListView实例的适配器
mListView.setAdapter(mAdapter);
}
/**
* 获取数据的方法，这个和之前的SimpleAdapter一样，就不再赘述
*/
private List<Map<String, Object>> getData() {
List<Map<String, Object>> list_item = new ArrayList<Map<String, Object>>();
for (int i = 0; i < 10; i++) {
Map<String, Object> item_data = new HashMap<String, Object>();
item_data.put("icon", R.drawable.ic_launcher);
item_data.put("topText", "TopText " + i);
item_data.put("centerText", "this is centerText " + i);
list_item.add(item_data);
}
return list_item;
}
/**
* 新建一个类mBaseAdapter继承自BaseAdapter
*
*/
class mBaseAdapter extends BaseAdapter {
private LayoutInflater mInflater;
private Context mContext;
// 构造方法,根据Context加载布局
public mBaseAdapter(Context context) {
mContext = context;
mInflater = LayoutInflater.from(mContext);
}
// 获取数量，通过返回getData()的大小表示获取的数量
@Override
public int getCount() {
return getData().size();
}
// 获取getData()中与指定索引对应的数据项
@Override
public Object getItem(int position) {
return position;
}
// 获取在列表中与指定索引对应的行id
@Override
public long getItemId(int position) {
return position;
}
// 这里是最重要的方法，ListView的优化也在这里进行
@Override
public View getView(final int position, View convertView,
ViewGroup parent) {
ViewHolder holder;
// 如果缓存convertView为空，则需要创建View
if (convertView == null) {
// 为新建的convertView绑定布局
convertView = mInflater.inflate(R.layout.list_item, null);
holder = new ViewHolder();
// 绑定各组件
holder.imageView = (ImageView) convertView
.findViewById(R.id.IV_item);
holder.topTextView = (TextView) convertView
.findViewById(R.id.TV_item_top);
holder.centerTextView = (TextView) convertView
.findViewById(R.id.TV_item_center);
holder.clickButton = (Button) convertView
.findViewById(R.id.BT_item);
// 将设置好的布局保存到缓存中，并将其设置在Tag里，以便后面方便取出Tag
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
// 对组件元素进行设置，比如设置在组件中要显示的内容
holder.imageView.setImageResource(R.drawable.ic_launcher);
holder.topTextView.setText(getData().get(position).get("topText")
.toString());
holder.centerTextView.setText(getData().get(position)
.get("centerText").toString());
//按钮的点击事件
holder.clickButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//这里获取到点击的item的position，并Toast显示
Toast.makeText(mContext, "你点击了id=" + getItemId(position),
Toast.LENGTH_LONG).show();
}
});
return convertView;
}
}
// ViewHolder静态类
public static class ViewHolder {
public ImageView imageView;
public TextView topTextView;
public TextView centerTextView;
public Button clickButton;
}
}
运行效果如图：
以上，简单总结了四种常用的Adapter和ListView结合使用的方法，其中需要重点掌握的是BaseAdapter，虽然看起来比较繁琐，还涉及到什么ListView性能优化，但是实际操作起来，和SimpleAdapter大体相似，多练习几遍，多敲敲代码就能熟练使用，以后还需要继续努力深入学习，加油！
扫一扫
503
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
