Android UI 设计（11）：ListView 控件使用优化（五）

648 查看

在上一篇博客中《Android UI设计——ListView控件和自定义Adapter（四）》中我们通过一个实例来了解和练习了如何去自定义Adapter，本节我们将会继续以《Android UI设计——ListView控件和自定义Adapter（四）》中的例子来学习ListView在使用中是如何优化的，如果本节看着吃力的话，建议先查看上篇哦……

convertView优化

有时候我们在ListView中显示的数据非常多，虽然我们手机的屏幕有限，数据可以通过滚动的方式为我们显示。在上一节中我们在自定义的Adapter的getView方法中使用的是将数据一次性全部加载完成，以至于当我们打开我们应用程序时速度非常慢，因为大量的数据是一次性加载完成的，降低了数据的读取速度，增加占用的内存。那么这个时候我们就可以通过convertView来解决这个问题。

解决原理

convertView是采用一种”缓存“的方式。数据加载时首先加载在手机屏幕上出现的View，当滑动手机屏幕时，会有View被划出屏幕，同时也会有新的View进入屏幕。此时convertView就将出屏的View保存下来作为下一个进入屏幕的新的View使用。
Android中有个叫做Recycler的构件，下图是他的工作原理：

1. ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的。
2. 当item1滚出屏幕，并且一个新的项目从屏幕低端上来时，ListView再请求一个type1视图。convertView此时不是空值了，它的值是item1。你只需设定新的数据然后返回convertView，不必重新创建一个视图。
（此处引用于博客园链接）

下面我们对我们上节的示例进行优化：

public class StudentAdapter extends BaseAdapter{

private List<Student> mData;//定义数据。

private LayoutInflater mInflater;//定义Inflater,加载我们自定义的布局。

定义构造器，在Activity创建对象Adapter的时候将数据data和Inflater传入自定义的Adapter中进行处理。

public StudentAdapter(LayoutInflater inflater,List<Student> data){

mInflater = inflater;

mData = data;

}

@Override

public int getCount() {

return mData.size();

}

@Override

public Object getItem(int position) {

return position;

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertview, ViewGroup viewGroup) {

这是上节中的代码，将全部数据加载到ListView中

//获得ListView中的view

// View viewStudent = mInflater.inflate(R.layout.item_simpleadapter,null);

//获得学生对象

// Student student = mData.get(position);

// ImageView imagePhoto = (ImageView) viewStudent.findViewById(R.id.image_photo);

// TextView name = (TextView) viewStudent.findViewById(R.id.textview_name);

// TextView age = (TextView) viewStudent.findViewById(R.id.textview_age);

// TextView sex = (TextView) viewStudent.findViewById(R.id.textview_sex);

// TextView hobby = (TextView) viewStudent.findViewById(R.id.textview_hobby);

// imagePhoto.setImageResource(student.getImag());

// name.setText(student.getName());

// age.setText(student.getAge());

// sex.setText(student.getSex());

// hobby.setText(student.getHobby());

convertview 优化

//判断convertview 是否为空，如果为空需要对其进行布局。

if(convertview == null){

convertview = mInflater.inflate(R.layout.item_simpleadapter,null);

}

//不管是否为空，都需要加载数据。

Student student = mData.get(position);

ImageView imagePhoto = (ImageView) convertview.findViewById(R.id.image_photo);

TextView name = (TextView) convertview.findViewById(R.id.textview_name);

TextView age = (TextView) convertview.findViewById(R.id.textview_age);

TextView sex = (TextView) convertview.findViewById(R.id.textview_sex);

TextView hobby = (TextView) convertview.findViewById(R.id.textview_hobby);

imagePhoto.setImageResource(student.getImag());

name.setText(student.getName());

age.setText(student.getAge());

sex.setText(student.getSex());

hobby.setText(student.getHobby());

return convertview;

}

ViewHolder优化

由于fingViewById是一个耗时间的操作，在convertView优化中》中的例子来学习ListView在使用中是如何优化的，如果本节看着吃力的话，建议先查看上篇哦……

convertView优化

解决原理

下面我们对我们上节的示例进行优化：

public class StudentAdapter extends BaseAdapter{

private List<Student> mData;//定义数据。

private LayoutInflater mInflater;//定义Inflater,加载我们自定义的布局。

定义构造器，在Activity创建对象Adapter的时候将数据data和Inflater传入自定义的Adapter中进行处理。

public StudentAdapter(LayoutInflater inflater,List<Student> data){

mInflater = inflater;

mData = data;

}

@Override

public int getCount() {

return mData.size();

}

@Override

public Object getItem(int position) {

return position;

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertview, ViewGroup viewGroup) {

这是上节中的代码，将全部数据加载到ListView中

//获得ListView中的view

// View viewStudent = mInflater.inflate(R.layout.item_simpleadapter,null);

//获得学生对象

// Student student = mData.get(position);

// ImageView imagePhoto = (ImageView) viewStudent.findViewById(R.id.image_photo);

// TextView name = (TextView) viewStudent.findViewById(R.id.textview_name);

// TextView age = (TextView) viewStudent.findViewById(R.id.textview_age);

// TextView sex = (TextView) viewStudent.findViewById(R.id.textview_sex);

// TextView hobby = (TextView) viewStudent.findViewById(R.id.textview_hobby);

// imagePhoto.setImageResource(student.getImag());

// name.setText(student.getName());

// age.setText(student.getAge());

// sex.setText(student.getSex());

// hobby.setText(student.getHobby());

convertview 优化

//判断convertview 是否为空，如果为空需要对其进行布局。

if(convertview == null){

convertview = mInflater.inflate(R.layout.item_simpleadapter,null);

}

//不管是否为空，都需要加载数据。

Student student = mData.get(position);

ImageView imagePhoto = (ImageView) convertview.findViewById(R.id.image_photo);

TextView name = (TextView) convertview.findViewById(R.id.textview_name);

TextView age = (TextView) convertview.findViewById(R.id.textview_age);

TextView sex = (TextView) convertview.findViewById(R.id.textview_sex);

TextView hobby = (TextView) convertview.findViewById(R.id.textview_hobby);

imagePhoto.setImageResource(student.getImag());

name.setText(student.getName());

age.setText(student.getAge());

sex.setText(student.getSex());

hobby.setText(student.getHobby());

return convertview;

}