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;
    }
}