Android成长之路（8）——ListView优化和自定义Adapter的应用

最近，在一个小项目中，发现ListView绝对是最常用的控件之一。通常，有ListView的地方，就会有自定义的Adapter。在这里，顺便就梳理一下ListView的使用和优化还有了解Adapter中的一些方法。

简单的效果图

简单来说，依然是按照MVC模式，
1、（模型层）定义一个类。根据面向对象的思想，把List中的一个项抽象成一个类。
2、（视图层）ListView的布局。比如说每一项会有标题、照片、内容等，定义好这些布局
3、（控制层）自定义适配器。主要方法就是它本身的构造器，和getView(); 这个适配器的getView()方法会获取定制好的ListView布局，加载的数据类型就是上面定义的类。
4、主Activity中，把数据放进适配器里面，这样数据才能在界面上显示呀。然后在把适配器添加到ListView里面

代码—–
主界面添加ListView控件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="com.example.listviewproject.MainActivity">

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

</RelativeLayout>

定义适配器要加载的类

package com.example.listviewproject;

/**
 * Created by Administrator on 2016/5/26.
 */
public class BlogItem {
    private String title; // 标题
    private String date; // 博客发布时间
    private int img; // 图片
    private String content; // 文章内容

    public BlogItem(String title, String date, int img, String content) {
        this.title = title;
        this.date = date;
        this.img = img;
        this.content = content;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }


    public String getDate() {
        return date;
    }

    public void setDate(String date) {
        this.date = date;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }


}

定义ListView的布局

<?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="wrap_content"
    android:orientation="vertical"
    android:paddingBottom="8dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="8dp" >

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:text="Cocos2d-x 3.2示例UserDefaultTest（用户默认配置）"
        android:textColor="@color/black"
        android:textSize="18sp"
        android:textStyle="bold" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:baselineAligned="true"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/blogImg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="8dp"
            android:src="@drawable/csdn"
            android:visibility="visible" />

        <TextView
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:singleLine="false"
            android:maxLines="4"
            android:text="本篇博客介绍Cocos2d-x 3.2示例中的UserDefaulstTest,我们在开发中可能需要用到一些默认配置，一般会以xml形式保存。Cocos2d-x为我们提供了UserDefault类来实现这样的需求。"
            android:textColor="@color/black"
            android:textSize="14sp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical" >

        <TextView
            android:id="@+id/date"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center_vertical|right"
            android:paddingTop="8dp"
            android:singleLine="true"
            android:text="2014-08-08 17:54|141人阅读"
            android:textColor="@color/nomalGray"
            android:textSize="12sp" />

        <TextView
            android:id="@+id/id"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="right"
            android:paddingTop="16dp"
            android:text="1"
            android:textColor="@color/nomalGray"
            android:visibility="gone" />
    </LinearLayout>

</LinearLayout>

自定义Adapter，创建一个类继承BaseAdapter。因为BaseAdapter中有四个抽象的方法：public int getCount()， public Object getItem(int position)， public long getItemId(int position)， public View getView(int position, View convertview，ViewGroup viewGroup)，因此在继承BaseAdapter类后必须实现这四个方法。

public int getCount()：
是用来返回数据的数量的。

public Object getItem(int position):
该方法使用来获得每一条ListView中的Item的，这里我们返回position即可，position是指每条Item在ListView中的位置（0， 1， 2……）。

public long getItemId(int position)：
该方法是来获得ListView中每条Item的Id的，这里我们依然返回position即可。

public View getView(int position, View convertview, ViewGroup viewGroup):
该方法是自定义Adapter最重要的方法，在这个方法中我们需要将数据添加到我们自己定义的View中。然后返回view。

package com.example.listviewproject;

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.ArrayList;
import java.util.List;

public class BlogListAdapter extends BaseAdapter {

    private ViewHolder holder; // 视图容器
    private LayoutInflater layoutInflater; // 布局加载器
    private Context context; // 上下文对象
    private List<BlogItem> list; // 博客列表

    public BlogListAdapter(Context context) {
        super();
        this.context = context;
        layoutInflater = LayoutInflater.from(context);
        list = new ArrayList<BlogItem>();
    }

    public void setList(List<BlogItem> list) {
        this.list = list;
    }


    public void clearList() {
        this.list.clear();
    }

    public List<BlogItem> getList() {
        return list;
    }

    public void removeItem(int position) {
        if (list.size() > 0) {
            list.remove(position);
        }
    }

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

    @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) {
        if (null == convertView) {
            // 装载布局文件blog_list_item.xml
            convertView = layoutInflater.inflate(R.layout.blog_list_item, null);
            holder = new ViewHolder();
            // holder.id = (TextView) convertView.findViewById(R.id.id);
            holder.title = (TextView) convertView.findViewById(R.id.title);
            holder.date = (TextView) convertView.findViewById(R.id.date);
            holder.content = (TextView) convertView.findViewById(R.id.content);
            holder.img = (ImageView) convertView.findViewById(R.id.blogImg);
            convertView.setTag(holder); // 表示给View添加一个格外的数据，
        } else {
            holder = (ViewHolder) convertView.getTag();// 通过getTag的方法将数据取出来
        }
        BlogItem item = list.get(position); // 获取当前数据
        if (null != item) {
            // 显示标题内容
            holder.title.setText(item.getTitle());
            holder.content.setText(item.getContent());
            holder.date.setText(item.getDate());
            holder.img.setImageResource(item.getImg());
            }
        return convertView;
    }

    public static class ViewHolder {
        TextView date;
        TextView title;
        ImageView img;
        TextView content;
    }

}

（为了简单，所以这里数据就只是简单用数组表示一下）

package com.example.listviewproject;

/**
 * Created by Administrator on 2016/5/26.
 */
public class Item {
    public static String[] Title = {
            "This is title1",
            "This is title2",
            "This is title3",
            "This is title4",
            "This is title5"
    };

    public static String[] Data = {
            "2014-08-01 17:54|141人阅读",
            "2014-08-03 15:54|123人阅读",
            "2014-08-04 12:54|234人阅读",
            "2014-08-06 13:54|352人阅读",
            "2014-08-09 14:54|234人阅读"
    };

    public static int[] Img = {R.drawable.csdn};

    public static String[] Contents = {
            "The Content 1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
            "The Content 2bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb",
            "The Content 3ccccccccccccccccccccccccccccccccccccccccccccc",
            "The Content 4dddddddddddddddddddddddddddddddddddddd'",
            "The Content 5eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee"
    };
}

主界面初始化数据，把ListView添加相应的适配器

package com.example.listviewproject;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;

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

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private BlogListAdapter listAdapter;
    private List<BlogItem> list = new ArrayList<BlogItem>();

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

        initData();
        listView = (ListView) findViewById(R.id.listview);
        listAdapter = new BlogListAdapter(this);
        listAdapter.setList(list);
        listView.setAdapter(listAdapter);
         listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                BlogItem item = list.get(position);
                Toast.makeText(MainActivity.this,item.getTitle() , Toast.LENGTH_SHORT).show();
            }
        });
    }

    private void initData() {
        BlogItem item1 = new BlogItem(Item.Title[0], Item.Data[0], Item.Img[0], Item.Contents[0]);
        list.add(item1);
        BlogItem item2 = new BlogItem(Item.Title[1], Item.Data[1], Item.Img[0], Item.Contents[1]);
        list.add(item2);
        BlogItem item3 = new BlogItem(Item.Title[2], Item.Data[2], Item.Img[0], Item.Contents[2]);
        list.add(item3);
        BlogItem item4 = new BlogItem(Item.Title[3], Item.Data[3], Item.Img[0], Item.Contents[3]);
        list.add(item4);
        BlogItem item5 = new BlogItem(Item.Title[4], Item.Data[4], Item.Img[0], Item.Contents[4]);
        list.add(item5);
    }
}

———————————————————————————————————————————————
———————————————————————————————————————————————

到这里呢，这个小demo的代码就这么多了。
知道怎么用当然是不够的！
接下来，要深入去了解一下啦！比如ListView该怎么优化？适配器中那些方法什么意思?

首先，ListView的优化。
自定义适配器中的有一个getView方法。现在再对比下面的代码

 public View getView(int position, View convertView, ViewGroup parent) {
     // 装载布局文件blog_list_item.xml
      convertView = layoutInflater.inflate(R.layout.blog_list_item, null);
      TextView title = (TextView) convertView.findViewById(R.id.title);
      TextView date = (TextView) convertView.findViewById(R.id.date);
      TextView content = (TextView) convertView.findViewById(R.id.content);
      ImageView img = (ImageView) convertView.findViewById(R.id.blogImg);
      BlogItem item = list.get(position); // 获取当前数据
      if (null != item) {
          // 显示标题内容
          title.setText(item.getTitle());
          content.setText(item.getContent());
          date.setText(item.getDate());
          img.setImageResource(item.getImg());
      }
      return convertView;
 }

---

 public View getView(int position, View convertView, ViewGroup parent) {
        if (null == convertView) {
            // 装载布局文件blog_list_item.xml
            convertView = layoutInflater.inflate(R.layout.blog_list_item, null);
            holder = new ViewHolder();
            // holder.id = (TextView) convertView.findViewById(R.id.id);
            holder.title = (TextView) convertView.findViewById(R.id.title);
            holder.date = (TextView) convertView.findViewById(R.id.date);
            holder.content = (TextView) convertView.findViewById(R.id.content);
            holder.img = (ImageView) convertView.findViewById(R.id.blogImg);
            convertView.setTag(holder); // 表示给View添加一个格外的数据，
        } else {
            holder = (ViewHolder) convertView.getTag();// 通过getTag的方法将数据取出来
        }
        BlogItem item = list.get(position); // 获取当前数据
        if (null != item) {
            // 显示标题内容
            holder.title.setText(item.getTitle());
            holder.content.setText(item.getContent());
            holder.date.setText(item.getDate());
            holder.img.setImageResource(item.getImg());
            }
        return convertView;
    }

第一个似乎看上去就简单多了。
装载布局，findById（）找到控件，最后显示数据。
但是，明显效率会慢很多。

相比于第一个
第一点优化了的地方，使用缓存的convertView。
如果每次运行都加载布局一次，那么ListView的运行效率就会变得非常低了。这里使用缓存的convertView，如果convertView不为空，直接重用。
第二点优化了的地方，使用ViewHolder。
每次运行还是会调用一次findById（）方法来实例一个控件，这里可以使用一个ViewHolder来对这部分优化。第一次调用的时候，就用ViewHolder对控件实例进行缓存。然后调用 View
的 setTag()方法，将 ViewHolder 对象存储在 View 中。当 convertView 不为空的时候则调用
View的 getTag()方法，把 ViewHolder 重新取出。这样所有控件的实例都缓存在了 ViewHolder
里，就没有必要每次都通过 findViewById()方法来获取控件实例了。这里的ViewHolder就是一个存放控件实例的类。

    public static class ViewHolder {

        TextView date;
        TextView title;
        ImageView img;
        TextView content;
    }

主活动中，先初始化数据，也就是把实例化好的BlogItem对象添加到list中。
new出一个BlogListAdapter对象,设置List，把添加好数据的list传进去。
最后就是ListView设置适配器了。
当然，要调用setOnItemClickListener来监听点击事件。

        initData();
        listView = (ListView) findViewById(R.id.listview);
        listAdapter = new BlogListAdapter(this);
        listAdapter.setList(list);
        listView.setAdapter(listAdapter);
         listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                BlogItem item = list.get(position);
                Toast.makeText(MainActivity.this,item.getTitle() , Toast.LENGTH_SHORT).show();
            }
        });

到这里大概就知道ListView和Adapter的常用的用法了。