Android——ListView控件

本篇介绍ListView控件，这是Android中比较重要也比较复杂的控件，这里只谈到使用ViewHolder机制优化即可。

一、ListView简介

ListView是Android系统中显示列表的控件，每个ListView都可以包含很多个列表项。

二、ListView的使用

概念不多说，直接来介绍使用方法。

ListView中比较复杂的是数据适配器，其作用是把复杂的数据(数组、链表、数据库、集合等)填充在指定视图界面，是连接数据源和视图界面的桥梁。常见的Android原生的适配器有ArrayAdapter和SimpleAdapter。

使用步骤：新建适配器->添加数据源到适配器->视图加载适配器

1. ArrayAdapter(数组适配器)

适用：用于绑定格式单一的数据；

数据源：可以使集合或数组。

public class MainActivity extends Activity {
private ListView listView;
// 1. 新建一个数据适配器
private ArrayAdapter<String> arr_aAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

listView = (ListView)findViewById(R.id.listView1);
//  创建适配器对象时将数据加载到适配器里
/**new ArrayAdapter<T>(context, textViewResourceId)
* context--  上下文,一般为this
* textViewResourceId-- 当前ListView加载的每一个列表项所对应的布局文件【这里采用系统默认的一个布局android.R.layout.simple_list_item_1】
*/
//  2. 添加数据源到适配器
String[] arr_data = {"fanff", "fan", "tencent", "QQ"};// 创建的数据源
arr_aAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, arr_data);
// 3. 视图(ListView)加载适配器
listView.setAdapter(arr_adAdapter);
}
}

2. SimpleAdapter(简单适配器)

适用：绑定格式复杂的数组；

数据源：只能是特定泛型的集合。

public class MainActivity extends Activity {
private ListView listView;
private SimpleAdapter sim_aAdapter; // 1. 新建一个数据适配器

private List<Map<String, Object>>dataList; // 数据源

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

listView = (ListView)findViewById(R.id.listView1);

/** SimpleAdapter(context, data, resource, from, to)
*  context: 上下文
*  data: 数据源(List<? extends Map<String, ?>> data),一个Map所组成的List集合
*        每个Map都会对应ListView列表中的一行，Map是由键【必须包含所有在from中所指定的键】值对组成
*  resource:列表中的布局文件的ID，此处的布局是自定义的
*  from:Map中的键名
*  to:绑定数据视图中的ID,与from成对应关系
*/
// 2. 适配器加载数据源
dataList = new ArrayList<Map<String, Object>>();
sim_aAdapter = new SimpleAdapter(this, getData(), R.layout.item, new String[]{"pic0", "text0"}, new int[]{R.id.pic, R.id.text});
// 3. 视图(ListView)加载适配器
listView.setAdapter(sim_aAdapter);
}

private List<Map<String, Object>> getData(){
for (int i = 0; i < 20; i++){
Map<String, Object>map = new HashMap<String, Object>();
map.put("pic0", R.drawable.ic_launcher);
map.put("text0", "fanff"+i);
dataList.add(map);
}
return dataList;
}
}

一般来讲，简单适配器的数据源是一个集合，所以一般写一个方法来处理(例如getData())。

其中自定义的item.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="horizontal" >

<ImageView
android:id="@+id/pic"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:src="@drawable/ic_launcher"
/>

<TextView
android:id="@+id/text"
android:layout_marginTop="12dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"
android:textColor="#000000"
android:text="hello"
/>
</LinearLayout>

3.继承BaseAdapter的自定义的适配器

这个玩法比较多，这里先不介绍，直接见下面的。

4. 监听器

(1). 监听器是程序和用户(或系统)交互的桥梁，这里不多讲了，毕竟用的多。ListView中的两个常用监听器：OnItemClickListener和OnScrollListener。

(2). OnItemClickListener可以处理视图中单个条目的点击事件；OnScrollListener监测滚动的变化，可以用于视图在滚动中加载数据。

public class MainActivity extends Activity implements OnItemClickListener,
OnScrollListener {
private ListView listView;
private ArrayAdapter<String> arr_aAdapter;
private SimpleAdapter sim_aAdapter;

private List<Map<String, Object>> dataList;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

listView = (ListView) findViewById(R.id.listView1);

/**
* 1. 新建一个数据适配器 context: 上下文 data: 数据源(List<? extends Map<String, ?>>
* data),一个Map所组成的List集合
* 每个Map都会对应ListView列表中的一行，Map是由键【必须包含所有在from中所指定的键】值对组成 from:Map中的键名
* resource:列表中的布局文件的ID to:绑定数据视图中的ID,与from成对应关系
*/
// 2. 适配器加载数据源
dataList = new ArrayList<Map<String, Object>>();
sim_aAdapter = new SimpleAdapter(this, getData(), R.layout.item,
new String[] { "pic0", "text0" }, new int[] { R.id.pic,
R.id.text });
// 3. 视图(ListView)加载适配器
listView.setAdapter(sim_aAdapter);

// 监听器
listView.setOnItemClickListener(this);// 单击单个条目
listView.setOnScrollListener(this);// 视图在滚动中加载数据
}

private List<Map<String, Object>> getData() {
for (int i = 0; i < 20; i++) {
Map<String, Object> map = new HashMap<String, Object>();
map.put("pic0", R.drawable.ic_launcher);
map.put("text0", "fanff" + i);
dataList.add(map);
}
return dataList;
}

@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
// TODO Auto-generated method stub

}

@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// TODO Auto-generated method stub
switch (scrollState) {
case SCROLL_STATE_FLING:
Log.i("ScrollState", "用户在手指离开屏幕之前，由于用力滑了一下，视图仍依靠惯性在继续滑行");
Map<String, Object> map = new HashMap<String, Object>();
map.put("pic0", R.drawable.ic_launcher);
map.put("text0", "fresh");
dataList.add(map);
sim_aAdapter.notifyDataSetChanged();// 通知UI进程刷新界面
break;
case SCROLL_STATE_IDLE:
Log.i("ScrollState", "视图已经停止滑动");
break;
case SCROLL_STATE_TOUCH_SCROLL:
Log.i("ScrollState", "手指乜有离开屏幕，视图正在滑动");
break;
default:
break;
}
}

@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
// TODO Auto-generated method stub
String text = listView.getItemAtPosition(position) + "";// 指定位置的内容
Toast.makeText(this, "positon=" + position + "text" + text,
Toast.LENGTH_LONG).show();
}
}

三、ListView中的BaseAdapter

这里着重来介绍一下BaseAdapter，各种方式的比较见代码注释。

源码下载：https://github.com/herdyouth/ListView

MainActivity

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

List<ItemBean> itemBeanList = new ArrayList<>();
for (int i = 0; i < 20; i++){
itemBeanList.add(new ItemBean(R.mipmap.ic_launcher,
"标题" + i, "内容" + i));
}

// 数据源与适配器的绑定
ListView listView = (ListView) findViewById(R.id.lview);
listView.setAdapter(new MyBaseAdapter(this, itemBeanList));
}
}

BaseAdapter各种方式的对比，一步步优化的原因如代码注释

/**
* 创建数据适配器
* Created by herd_youth on 2016/4/15.
*/
public class MyBaseAdapter extends BaseAdapter{

private List<ItemBean> mList;
private LayoutInflater mInflater;

// 通过构造器关联数据源与数据适配器
public MyBaseAdapter(Context context, List<ItemBean> list){
mList = list;
// 使用当前要使用的界面对象context去初始化布局装载器对象mInflater
mInflater = LayoutInflater.from(context);
}

@Override
public int getCount() {
return mList.size();
}

@Override
public Object getItem(int position) {
return mList.get(position);
}

// 返回指定索引对应的数据项
@Override
public long getItemId(int position) {
return position;
}

/* *//**
* 返回每一项对应的内容
* 缺点：没有利用到ListView的缓存机制
*      每次都会创建新的View，不管当前这个Item是否在屏幕上被调用过(即是否被缓存过)
* @param position
* @param convertView
* @param parent
* @return
*//*
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// 将布局文件转为View对象
View view = mInflater.inflate(R.layout.item, null);
ImageView imageView = (ImageView) view.findViewById(R.id.iv_img);
TextView title = (TextView) view.findViewById(R.id.tv_title);
TextView content = (TextView) view.findViewById(R.id.tv_content);
ItemBean bean = mList.get(position);
imageView.setImageResource(bean.getItemImageResid());
title.setText(bean.getItemContent());
content.setText(bean.getItemContent());

return view;
}*/

/**
* 改善处：使用系统的convertView来较好的利用ListView的缓存机制，避免重复大量的创建convertView
* 缺点：findViewById依然会浪费大量的时间去调用视图树
* @param position
* @param convertView
* @param parent
* @return
*//*
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null){// View未被实例化，即缓冲池中无缓存才创建View
convertView = mInflater.inflate(R.layout.item, null);
}else{
ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_img);
TextView title = (TextView) convertView.findViewById(R.id.tv_title);
TextView content = (TextView) convertView.findViewById(R.id.tv_content);
ItemBean bean = mList.get(position);
imageView.setImageResource(bean.getItemImageResid());
title.setText(bean.getItemContent());
content.setText(bean.getItemContent());
}
return convertView;
}*/

/**
* 既利用了ListView的缓存，
* 更通过ViewHolder类来显示数据的视图的缓存，避免了多次通过findViewById寻找控件
* @param position
* @param convertView
* @param parent
* @return
*/
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if (convertView == null){// View未被实例化，即缓冲池中无缓存才创建View
// 将控件id保存在viewHolder中
viewHolder = new ViewHolder();
viewHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_img);
viewHolder.title = (TextView) convertView.findViewById(R.id.tv_title);
viewHolder.content = (TextView) convertView.findViewById(R.id.tv_content);
// 通过setTag将ViewHolder与convertView绑定
convertView.setTag(viewHolder);
} else{
// 通过ViewHolder对象找到对应控件
viewHolder = (ViewHolder) convertView.getTag();
ItemBean bean = mList.get(position);
viewHolder.imageView.setImageResource(bean.getItemImageResid());
viewHolder.title.setText(bean.getItemContent());
viewHolder.content.setText(bean.getItemContent());
}
return convertView;
}

// 避免重复的findViewById的操作
class ViewHolder{
public ImageView imageView;
public TextView title;
public TextView content;
}
}

/**
* 创建设置每个Item的类
* Created by herd_youth on 2016/4/15.
*/
public class ItemBean {
private int ItemImageResid;
private String ItemTitle;
private String ItemContent;

public ItemBean(int itemImageResid, String itemTitle, String itemContent) {
ItemImageResid = itemImageResid;
ItemTitle = itemTitle;
ItemContent = itemContent;
}

public int getItemImageResid() {
return ItemImageResid;
}

public void setItemImageResid(int itemImageResid) {
ItemImageResid = itemImageResid;
}

public String getItemTitle() {
return ItemTitle;
}

public void setItemTitle(String itemTitle) {
ItemTitle = itemTitle;
}

public String getItemContent() {
return ItemContent;
}

public void setItemContent(String itemContent) {
ItemContent = itemContent;
}
}