zoukankan      html  css  js  c++  java

  • Android笔记（二十五） ListView的缓存机制与BaseAdapter

           之前接触了ListView和Adapter，Adapter将数据源和View连接起来，实际应用中，我们要显示的数据往往有很多，而屏幕只有那么大，系统只能屏幕所能显示的内容，当我们滑动屏幕，会将旧的内容放入到缓冲池中，再从缓存池中拿出新的内容显示出来，这就是ListView的缓存机制，这一机制可以极大的节省系统资源。

    BaseAdapter

           BaseAdapter通常用于被扩展，扩展BaseAdapter可以对各项列表进行最大限度的定制。

           我们可以用自己的类去继承BaseAdapter，然后实现getCount()、getItem()、getItemId()、getView()这四个方法，来完成对Adapter的定制。

           getCount()    该方法返回ListView需要显示的数据量

           getItem()      该方法返回指定索引（position）所对应的数据项

           getItemId()  该方法返回对应的索引

           getView()      该方法返回每一项所显示的内容

    简单示例：

    package cn.lixyz.baseadaptertest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    List<ItemBean> itemBeanList;
    ListView listView;

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

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

        listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(new MyAdapter(this, itemBeanList));

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "你选择的是：" + position, Toast.LENGTH_SHORT).show();
            }
        });

    }
}
    MainActivity.java
    <LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">


    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>
    layout_main.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"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:src="@drawable/icon" />

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="match_parent"
        android:layout_height="35dp"
        android:layout_marginTop="10dp"
        android:layout_toEndOf="@+id/iv_icon"
        android:gravity="center"
        android:text="标题"
        android:textSize="25dp" />

    <TextView
        android:id="@+id/tv_desc"
        android:layout_width="match_parent"
        android:layout_height="25dp"
        android:layout_below="@+id/tv_name"
        android:layout_marginLeft="10dp"
        android:layout_toEndOf="@+id/iv_icon"
        android:gravity="center"
        android:text="内容内容内容内容" />

</RelativeLayout>
    layout_item.xml
    package cn.lixyz.baseadaptertest;

/**
 * Created by LGB on 2015/9/9.
 */
public class ItemBean {
    public int ItemImageResid;
    public String ItemName;
    public String Itemdesc;

    public ItemBean(int ItemImageResid, String ItemName, String Itemdesc) {
        this.ItemImageResid = ItemImageResid;
        this.ItemName = ItemName;
        this.Itemdesc = Itemdesc;
    }
}
    ItemBean.java
    package cn.lixyz.baseadaptertest;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by LGB on 2015/9/9.
 */
public class MyAdapter extends BaseAdapter {

    private List<ItemBean> list;
    private LayoutInflater inflater;

    public MyAdapter(Context context, List<ItemBean> list) {
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

    //该方法返回ListView需要显示的数据量
    @Override
    public int getCount() {
        return list.size();
    }

    //该方法返回指定索引（position）所对应的数据项
    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    //该方法返回对应的索引
    @Override
    public long getItemId(int position) {
        return 0;
    }

    //
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View view = inflater.inflate(R.layout.laytou_item, null);
        ImageView imageView = (ImageView) view.findViewById(R.id.iv_icon);
        TextView name = (TextView) view.findViewById(R.id.tv_name);
        TextView desc = (TextView) view.findViewById(R.id.tv_desc);

        imageView.setImageResource(list.get(position).ItemImageResid);
        name.setText(list.get(position).ItemName);
        desc.setText(list.get(position).Itemdesc);

        return view;
    }
}
    MyAdapter.java

    运行结果：

     

           上面的代码中，我们可以看到一个ListView中的每一项都是我们直接使用Inflater新建并返回的，完全没有使用到ListView提供的缓存机制

    View view = inflater.inflate(R.layout.laytou_item, null);
......
return view;

           有关inflater的内容，可以看这里：<转> Android LayoutInflater详解      Android 中LayoutInflater的使用

           我们稍对代码做一下修改：

    package cn.lixyz.baseadaptertest;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by LGB on 2015/9/9.
 */
public class MyAdapter extends BaseAdapter {

    private List<ItemBean> list;
    private LayoutInflater inflater;

    public MyAdapter(Context context, List<ItemBean> list) {
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

    //该方法返回ListView需要显示的数据量
    @Override
    public int getCount() {
        return list.size();
    }

    //该方法返回指定索引（position）所对应的数据项
    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    //该方法返回对应的索引
    @Override
    public long getItemId(int position) {
        return 0;
    }

    //该方法返回每一项所显示的内容
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.laytou_item, null);
        }
        ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_icon);
        TextView name = (TextView) convertView.findViewById(R.id.tv_name);
        TextView desc = (TextView) convertView.findViewById(R.id.tv_desc);

        imageView.setImageResource(list.get(position).ItemImageResid);
        name.setText(list.get(position).ItemName);
        desc.setText(list.get(position).Itemdesc);
        return convertView;
    }
}

           我们先判断要显示的view是否已经存在，如果不存在，才创建，如果存在，就直接返回，这样也就避免了多次重复创建。

             现在避免了多次创建View对象了，但是每次调用getView的时候，仍然会多次使用findViewById来创建组件，那么有没有办法可以避免在这个问题上面浪费资源呢，这里就使用到了view的getTag和setTag，通常我们会创建一个ViewHolder类然后实例化，然后通过setTag的方法将这个ViewHolder对象和View连接起来

             看代码：

    package cn.lixyz.baseadaptertest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    List<ItemBean> itemBeanList;
    ListView listView;

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

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

        listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(new MyAdapter(this, itemBeanList));

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "你选择的是：" + position, Toast.LENGTH_SHORT).show();
            }
        });

    }
}
    MainActivity.java
    <LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">


    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>
    activity_main.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"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp" />

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="match_parent"
        android:layout_height="35dp"
        android:layout_marginTop="10dp"
        android:layout_toEndOf="@+id/iv_icon"
        android:gravity="center"
        android:text="标题"
        android:textSize="25dp" />

    <TextView
        android:id="@+id/tv_desc"
        android:layout_width="match_parent"
        android:layout_height="25dp"
        android:layout_below="@+id/tv_name"
        android:layout_marginLeft="10dp"
        android:layout_toEndOf="@+id/iv_icon"
        android:gravity="center"
        android:text="内容内容内容内容" />

</RelativeLayout>
    layout_item.xml
    package cn.lixyz.baseadaptertest;

/**
 * Created by LGB on 2015/9/9.
 */
public class ItemBean {
    public int ItemImageResid;
    public String ItemName;
    public String Itemdesc;

    public ItemBean(int ItemImageResid, String ItemName, String Itemdesc) {
        this.ItemImageResid = ItemImageResid;
        this.ItemName = ItemName;
        this.Itemdesc = Itemdesc;
    }
}
    ItemBean.java
    package cn.lixyz.baseadaptertest;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by LGB on 2015/9/9.
 */
public class MyAdapter extends BaseAdapter {

    private List<ItemBean> list;
    private LayoutInflater inflater;

    public MyAdapter(Context context, List<ItemBean> list) {
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

    //该方法返回ListView需要显示的数据量
    @Override
    public int getCount() {
        return list.size();
    }

    //该方法返回指定索引（position）所对应的数据项
    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    //该方法返回对应的索引
    @Override
    public long getItemId(int position) {
        return position;
    }

    //该方法返回每一项所显示的内容
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder vh = null;
        if (convertView == null) {
            vh = new ViewHolder();
            convertView = inflater.inflate(R.layout.laytou_item, null);
            vh.imageView = (ImageView) convertView.findViewById(R.id.iv_icon);
            vh.name = (TextView) convertView.findViewById(R.id.tv_name);
            vh.desc = (TextView) convertView.findViewById(R.id.tv_desc);
            convertView.setTag(vh);
        } else {
            vh = (ViewHolder) convertView.getTag();
        }

        vh.imageView.setImageResource(list.get(position).ItemImageResid);
        vh.name.setText(list.get(position).ItemName);
        vh.desc.setText(list.get(position).Itemdesc);


        return convertView;
    }

    //创建ViewHolder，避免重复的findViewById操作浪费资源
    class ViewHolder {
        public ImageView imageView;
        public TextView name;
        public TextView desc;
    }
}
    MyAdapter.java

             运行结果是一样的

             在上面的代码中，我们创建了一个ViewHolder对象，用来保存一个Item的内容，然后使用setTag()将View和ViewHolder对象连接起来，假如convertView不为空的话，直接使用getTag来获取View对象，然后再给这个对象的属性赋值（也就是给Item的组件赋值），这样就充分利用了ListView的缓存机制，避免重复findViewById造成资源的浪费

             总结一下使用ListView缓存机制的思路

             1）创建Bean对象，用户封装数据（ItemBean）

             2）在构造方法中初始化用户映射的数据List

             3）创建ViewHolder类，创建布局映射关系

             4）判断convertView是否为空，如果为空，则创建，并设置tag，如果不为空，则通过getTag来去除ViewHolder

             5）给ViewHolder中的控件设置数据
  • 相关阅读:
    技术一定要动手做一遍才算自已的
    终于提离职了，感觉如释重负
    自我评定与学习计划
    MYSQL---INSERT...SELECT...
    MYSQL---LIMIT
    SQL---having
    MYSQL---数据定义
    CSS---Block和inline元素对比
    CSS---清除浮动
    T-SQL---分页语句
  • 原文地址：https://www.cnblogs.com/xs104/p/4796423.html
Copyright © 2011-2022 走看看