×

BaseAdapter使用之逗比式、普通式和文艺式

96
食梦兽
2015.11.22 00:44* 字数 1210

关键字:BaseAdapter ViewHolder 逗比式 普通式 文艺式

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

先附上徐大神** 慕课网 简书 **的主页:

一. 什么是数据适配器--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 ns| 20170441 ns| 17771535 ns

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

总结

在使用ViewHolder优化ListView的步骤:

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

END

Android笔记
Web note ad 1