android中ListView的优化方案详解分析

2017-01-13 15:03:16来源:csdn作者:AirMario人点击

第七城市

Android中的ListView应该算是布局中几种最常用的组件之一了,使用也十分方便,我的上一篇博客讲了没有和优化的ListView,下面将介绍ListView几种比较常见的优化方法:


对于ListView的优化主要在自定义的Adapt中进行优化,其他的地方可优化的比较少,因此这几种不同的方案都是在对自定义的Adapt进行优化。


两个主要的布局文件和MainActivity.java


activity_main.xml


<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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.ecjtu.optimizationlistview.MainActivity" ><ListView android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/lv"></ListView></RelativeLayout>
mylayout.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:layout_height="match_parent"
android:layout_width="80dp"
android:id="@+id/image"
android:src="@drawable/ic_launcher"/>
<TextView android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/title"
android:layout_toRightOf="@id/image"/>
<TextView android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/content"
android:layout_below="@id/title"
android:layout_toRightOf="@id/image"/>
</RelativeLayout>


MainActivity.java


package com.ecjtu.optimizationlistview;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;public class MainActivity extends Activity {
private ListView listView;
private List<Map<String, Object>> data;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
data = new ArrayList<>();
listView = (ListView)findViewById(R.id.lv);
for (int i = 1; i < 101; i++) {
Map<String, Object> map = new HashMap<>();
map.put("image", R.drawable.ic_launcher);
map.put("title", "标题:"+i);
map.put("content", "内容为:"+i);
data.add(map);
}//初始化数据listView.setAdapter(new MyAdapt(this,data));
}
}


一 方案一

这种优化也是最普通的优化,优化力度比较低,我们注意到每次我们在执行getView方法是都是重新生成了一个View对象,而每次执行getView方法都要生成View,这样就没有很好的利用好View,因此我们想到的做法就是对view进行复用。


我们可以注意到在getView方法中提供了一个View对象ConvertView,经过测试我们可以发现,其实程序开始执行时,在ListView显示的所有项中的时候ConertView都为null,当对屏幕进行滑动(开始翻页)的时候并且第一行开始消失的时候,ConvertView开始不为null了,下面的图片就是这种情景:


当第一行被挤出去的时候,ConvertView会自动保存第一行的View对象以供下面的行使用,这样就可以利用这个来对其进行优化。代码如下:


package com.ecjtu.optimizationlistview;import java.util.List;
import java.util.Map;import android.content.Context;
import android.media.Image;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;public class MyAdapt extends BaseAdapter {
private Context context;
private List<Map<String, Object>> data;
public MyAdapt(Context context,List<Map<String, Object>> data){
this.context = context;
this.data = data;
}@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return data.get(position);
}@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
Map<String, Object> map = data.get(position);if (convertView==null) {
convertView = View.inflate(context, R.layout.mylayout, null);
}
ImageView imageView = (ImageView) convertView.findViewById(R.id.image);
TextView title = (TextView)convertView.findViewById(R.id.title);
TextView content = (TextView)convertView.findViewById(R.id.content);
imageView.setImageResource((Integer)map.get("image"));
title.setText((String)map.get("title"));
content.setText((String)map.get("content"));
return convertView;
}}
二 方案二


对于上种优化方案,我们可以发现imageView、title、content还是要重复查找,想象一下要是如果组件多的话也是挺费事的,如果我们可以让view内的组件也随着view的复用而复用,那该是多美好的一件事啊。实际上谷歌官方也推荐了一种做法,就是把view中的组件构建成一个静态类的属性,这样就能对其进行重复利用。


静态类:


static class ViewHold{
ImageView imageView;
TextView title;
TextView content;
}



那么这个viewHolder类我们要如何使用才可以达到复用效果呢?基本思路就是在convertView为null的时候,我们不仅重新inflate出来一个view,并且还需要进行findviewbyId的查找工作,但是同时我们还需要获取一个ViewHolder类的对象,并将findviewById的结果赋值给ViewHolder中对应的成员变量。最后将holder对象与该view对象“绑”在一块。当convertView不为null时,我们直接使用converView,同时取出这个converView对应的holder对象,就获得了这个converView对象中的各个组件,它就是holder中的成员变量,这样在复用的时候,我们就不需要再去findViewById了,只需要在最开始的时候进行数次查找工作就可以了。这里的关键在于如何将view与holder对象进行绑定,那么就需要用到两个方法:setTag和getTag方法了:


整合MyAdapt后的代码为:

package com.ecjtu.optimizationlistview;import java.util.List;
import java.util.Map;import android.content.Context;
import android.media.Image;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;public class MyAdapt extends BaseAdapter {
private Context context;
private List<Map<String, Object>> data;
public MyAdapt(Context context,List<Map<String, Object>> data){
this.context = context;
this.data = data;
}@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return data.get(position);
}@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}ViewHold viewHold;
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
Map<String, Object> map = data.get(position);
if (convertView==null) {
convertView = View.inflate(context, R.layout.mylayout, null);
viewHold = new ViewHold();
viewHold.imageView = (ImageView) convertView.findViewById(R.id.image);
viewHold.title = (TextView) convertView.findViewById(R.id.title);
viewHold.content = (TextView) convertView.findViewById(R.id.content);
convertView.setTag(viewHold);//将viewHold加入到convertView中进行存储,以便后面使用
}else {
viewHold = (ViewHold) convertView.getTag();//直接从convertView取出使用
}
viewHold.imageView.setImageResource((Integer)map.get("image"));
viewHold.title.setText((String)map.get("title"));
viewHold.content.setText((String)map.get("content"));
/*if (convertView==null) {
convertView = View.inflate(context, R.layout.mylayout, null);
}
ImageView imageView = (ImageView) convertView.findViewById(R.id.image);
TextView title = (TextView)convertView.findViewById(R.id.title);
TextView content = (TextView)convertView.findViewById(R.id.content);
imageView.setImageResource((Integer)map.get("image"));
title.setText((String)map.get("title"));
content.setText((String)map.get("content"));*/
return convertView;
}
//静态类,属性为view中的组件
static class ViewHold{
ImageView imageView;
TextView title;
TextView content;
}
}



结果图:

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台