BaseAdapter的三重境界，逗比式，普通式，文艺式

前言：这篇文章也前几篇一样，也是我在 慕课网 上看 Android部分 的视频记录的学习笔记。这篇文章记录的是 eclipse_xu 老师的视频教程---Android必学-BaseAdapter的使用与优化。

先附上徐大神 慕课网 和 简书 的主页：

• 慕课网：http://www.imooc.com/space/teacher/id/347333，
  这里有很多android教程，勤奋的徐大神。
• 简书：http://www.jianshu.com/users/dfc0ed52c22b/latest_articles
  果断关注

一. 什么是数据适配器--BaseAdapter

数据适配器的作用

上图表示了数据源Data Source、数据适配器Adapter以及显示控件ListView之间的关系。

我们知道数据源中数据的来源可以有很多方式，而显示控件显示的方式也是不尽相同的，数据适配器正好建立了一个它们之间的一个关系，将数据源中的数据转换为显示控件所能显示的数据格式。从而将数据的来源和数据的显示进行了解耦，这就是Android中普遍使用的适配器模式。

二. ListView的显示和缓存机制

ListView的显示和缓存机制

当我们向上滑动ListView时，item1被滑出屏幕，item1成为了无用的控件，ListView会自动回收它，以便在新的item8进来时，使用它来代替重新实例化一个新的item，这个被缓存的item会被保存在getView(int position, View convertView, ViewGroup parent)方法中的第二个参数convertView中。

总结为一句话就是，需要才显示，显示完就被回收到缓存

三. 数据适配器--BaseAdapter

要使用BaseAdapter，做法是自定义类来继承BaseAdapter

BaseAdapter的基本结构：

• public int getCount()：适配器中数据集的数据个数
• public Object getItem(int position)：获取数据集中与所给索引对应的数据项
• public long getItemId(int position)：获取指定行对应的ID
• public View getView(int position, View convertView, ViewGroup parent)：获取每一个Item显示内容

接下来开始我们的示例代码：

1. 创建布局文件

主布局 activity_main.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">    <ListView        android:id="@+id/lv_main"        android:layout_width="match_parent"        android:layout_height="match_parent" /></LinearLayout>

列表项布局 item.xml：

<?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_image"        android:layout_width="60dp"        android:layout_height="60dp"        android:src="@mipmap/ic_launcher" />    <TextView        android:id="@+id/tv_title"        android:layout_width="match_parent"        android:layout_height="30dp"        android:layout_toRightOf="@+id/iv_image"        android:text="title"        android:textSize="24sp" />    <TextView        android:id="@+id/tv_content"        android:layout_width="match_parent"        android:layout_height="30dp"        android:layout_below="@+id/tv_title"        android:layout_toRightOf="@+id/iv_image"        android:text="content"        android:gravity="bottom"        android:textSize="20sp" /></RelativeLayout>

2. 创建数据源

1）创建一个Bean对象，用于封装item中显示的内容
ItemBean.java：

public class ItemBean {    public int imageID;    public String title;    public String content;    public ItemBean(int imageID, String title, String content) {        this.imageID = imageID;        this.title = title;        this.content = content;    }}

2）在MainActivity.java中模拟数据源：

public class MainActivity extends Activity {    private ListView lv_main;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        lv_main = (ListView) findViewById(R.id.lv_main);        List<ItemBean> itemBeanList = new ArrayList<>();        //模拟数据源        for (int i = 0; i < 20; i++) {            itemBeanList.add(new ItemBean(                    R.mipmap.ic_launcher,                    "title" + i,                    "content" + i));        }        //给ListView设置适配器        lv_main.setAdapter(new MyAdapter(this, itemBeanList));    }}

3. BaseAdapter实现的三重境界

MyAdapter.java：除了getView方法另行介绍外，其他都一样。

public class MyAdapter extends BaseAdapter {    public List<ItemBean> itemBeanList;    //用于把布局文件转化为View对象    private LayoutInflater layoutInflater;    public MyAdapter(Context context, List<ItemBean> itemBeanList) {        this.itemBeanList = itemBeanList;        layoutInflater = LayoutInflater.from(context);    }    @Override    public int getCount() {        return itemBeanList.size();    }    @Override    public Object getItem(int position) {        return itemBeanList.get(position);    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        return null;    }}

1)逗比式（不推荐）

public View getView(int position, View convertView, ViewGroup parent) {        //逗比式        View view = layoutInflater.inflate(R.layout.item, null);        ImageView iv_image = (ImageView) view.findViewById(R.id.iv_image);        TextView tv_title = (TextView) view.findViewById(R.id.tv_title);        TextView tv_content = (TextView) view.findViewById(R.id.tv_content);        //把所有的Bean对象中的数据设置给对应的控件        ItemBean bean = itemBeanList.get(position);        iv_image.setImageResource(bean.imageID);        tv_title.setText(bean.title);        tv_content.setText(bean.content);        return view;    }

说明：逗比式没有使用到ListView的缓存机制，每需要显示一个item布局，就会创建一个新的View对象，本例中会创建20个View对象，显然很浪费资源。
我们不应该使用此方式。

2)普通式（谨慎使用）

public View getView(int position, View convertView, ViewGroup parent) {        //普通式        if(convertView == null){//判断缓存的View是否为空            convertView = layoutInflater.inflate(R.layout.item, null);        }        ImageView iv_image = (ImageView) convertView.findViewById(R.id.iv_image);        TextView tv_title = (TextView) convertView.findViewById(R.id.tv_title);        TextView tv_content = (TextView) convertView.findViewById(R.id.tv_content);        //把所有的Bean对象中的数据设置给对应的控件        ItemBean bean = itemBeanList.get(position);        iv_image.setImageResource(bean.imageID);        tv_title.setText(bean.title);        tv_content.setText(bean.content);        return convertView;    }

说明：充分利用了ListView的缓存特性，如果没有缓存（convertView）才创建新的View。但是多次的使用findViewById方法还是会浪费大量的时间，因为每次在调用getView方法时，都会执行findViewById方法，就会遍历整个视图树，如果视图树很复杂，就会花费较长的时间。

3)文艺式（力推）

public View getView(int position, View convertView, ViewGroup parent) {        //文艺式        ViewHolder viewHolder;        //判断converView是否为空        if (convertView == null) {            viewHolder = new ViewHolder();            convertView = layoutInflater.inflate(R.layout.item, null);            //将所用的控件保存到viewHolder中            viewHolder.iv_image = (ImageView) convertView.findViewById(R.id.iv_image);            viewHolder.tv_title = (TextView) convertView.findViewById(R.id.tv_title);            viewHolder.tv_content = (TextView) convertView.findViewById(R.id.tv_content);            //将viewHolder和convertView绑定            convertView.setTag(viewHolder);        } else {            //如果存在convertView，取出在convertView中保存的viewHolder并赋值给viewHolder            viewHolder = (ViewHolder) convertView.getTag();        }        ItemBean bean = itemBeanList.get(position);        //通过viewHolder找到对应控件，避免每次通过`findViewById`找控件        viewHolder.iv_image.setImageResource(bean.imageID);        viewHolder.tv_title.setText(bean.title);        viewHolder.tv_content.setText(bean.content);        return convertView;    }     //自定义ViewHolder类，属性包含所用到的控件    class ViewHolder {        public ImageView iv_image;        public TextView tv_title;        public TextView tv_content;    }

说明：viewHolder类的使用，是Google在2013年io大会上推荐使用的方式。文艺式不仅利用了ListView的缓存机制，更通过ViewHolder类来实现显示数据和视图的缓存，避免了每次通过findViewById寻找控件。

作为一名由情怀的程序员，这才是最文艺的写法。---by eclipse_xu

为什么说文艺式要比前面两种方式好的？
我们通过程序执行的时间来做一下测试。

public class MyAdapter extends BaseAdapter {    private long sumTime ;    @Override    public View getView(int position, View convertView, ViewGroup parent) {        long start = System.nanoTime();           long end = System.nanoTime();        sumTime+=(end - start);        return convertView;    }}

我们在MyAdapter 类中增加一个成员变量sumTime用于记录显示完所有item所用的总时间。在getView方法开始记录下时间、结束再记录下时间，所得差值就是一次getView所使用的时间，把它累加到sumTime中，得到总时间。

可以得到三种方式的总时间：

逗比式普通式文艺式22339710 ns20170441 ns17771535 ns

可以看出来，在时间上还是有很大差距的。

总结

在使用ViewHolder优化ListView的步骤：

1. 创建Bean对象，用于封装要显示的数据
2. 在自定义的BaseAdapter构造函数中，初始化用于映射的数据List
3. 创建ViewHolder类，创建数据映射关系
4. 判断convertView是否为空，为空就创建，并设置Tag，否则通过Tag取出ViewHolder
5. 给ViewHolder中的控件设置数据