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的常用的用法了。