Android之ListView/GridView 优化

时间:2023-03-09 09:32:52
Android之ListView/GridView 优化

一、效率最低的getView实现

我们知道,ListView和GridView的显示都是通过Adapter的getView实现的。

ListView/GridView数据量较小时,我们的处理方式一般是这样的(效率最低的一种方式)

 public View getView(int position, View convertView, ViewGroup parent) {
View item = mInflater.inflate(R.layout.list_item_icon_text, null);
((TextView) item.findViewById(R.id.text)).setText(DATA[position]);
((ImageView) item.findViewById(R.id.icon)).setImageBitmap(
(position & 1) == 1 ? mIcon1 : mIcon2);
return item;
}

当数据量非常大时,这样每一次getView都会去inflate布局,效率太差,这会让我们的程序卡顿,滑动多了还会OOM。

二、利用Android已经提供了View缓存机制实现ViewHolder模式——实现View共享

Android之ListView/GridView 优化

我们注意到getView的第二个参数convertView,这个是View缓存机制的关键。简单的说就两点:

1.假设当前页面我们有7个item,那么前七次getView,这个convertView一开始都是null。因此我们需要inflate布局,这样我们得到7个convertView(convertView1——converView7)

2.假设我们往上翻页,现在Item8进入页面,item1出页面,此时Item8对应的getView中的convertView就是convertView1。

利用这个View缓存机制的特点,我们只需要将Item8的getView中convertView(即convertView1)的数据由item1更新为item8即可。也就是说item8和item1就实现了View的共享(共享convertView1)。(本来嘛,item8和item1永远不会在一个界面中一起出现,确实应该共享一些资源)

而这就是所谓的ViewHolder模式

        @Override
public View getView(int position, View convertView, ViewGroup arg2) {
List
Log.i("xerrard", "getView " + position + " " + convertView);
ViewHolder viewHolder = null;
if(convertView == null){
viewHolder = new ViewHolder();
convertView = inflater.inflate(R.layout.item, null);
viewHolder.image = (ImageView) convertView.findViewById(R.id.img);
viewHolder.text = (TextView) convertView.findViewById(R.id.txt);
convertView.setTag(viewHolder);
}else{
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.image.setImageBitmap(imgs.get(position));
viewHolder.text.setText(texts.get(position));
return convertView;
}
class ViewHolder{
ImageView image;
TextView text;
}

三、ListView /GridView的异步加载。

很多时候我们会需要再网上下载一些图片来进行显示,如果在主线程做下载的操作,这样很可能会造成ANR,所以需要子线程来实现。(即使是本地存储中的图片,也建议用子线程来实现,本地IO操作有时也会造成ANR)

我们使用android中的AsyncTask来实现下载的操作

 /**
* Created by xuqiang on 15-12-16.
*/
public class ImageTask extends AsyncTask<String, Void, Bitmap> {
private ImageView iv;
String imgUrl;
public ImageTask(ImageView iv){
this.iv = iv;
} @Override
protected Bitmap doInBackground(String... param) {
imgUrl = param[0];
try {
URL url = new URL(imgUrl);
try {
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
InputStream in = conn.getInputStream();
Bitmap bitmap = BitmapFactory.decodeStream(in);
if(bitmap!=null){
return bitmap;
}
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
} catch (MalformedURLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
} @Override
protected void onPostExecute(Bitmap result) {
super.onPostExecute(result);
if (result != null) {
// 通过 tag 来防止图片错位
if (iv.getTag() != null && iv.getTag().equals(imgUrl)) {
iv.setImageBitmap(result);
}
}
} @Override
protected void onPreExecute() {
super.onPreExecute();
}
}

然后在getView中,我们只需要将原本对ViewHolder的操作,传参数给ImageTask来处理

            ImageTask imageTask = new ImageTask(viewHolder.image,position);
imageTask.execute(imgUrls.get(position));

四、ListView /GridView的异步加载中的错位问题解决

刚才我们知道,利用的android的View缓存机制,我们可以使用ViewHolder优化ListView/GridView的效率。但是在异步加载图片的过程中,正是因为这个View共享的机制,会造成图片错位的情况。

——当快速滑动的情况下,会出现item1和item8都显示部分的情况。

a.item1和item8共享一个convertView,而异步加载的情况下,是有可能会出现item8异步加载完毕准备显示时,item1还没有加载完毕,这样就会出现先convertView.setView(item8),然后convertView.setView(item1),这样原本应该显示item8的位置却显示了item1。

b.即使是先加载完Item1,再加载完Item8,也会给用户一种原本应该显示item8的地方先显示item1后再正常显示item8的感觉。

这个问题,我们如何解决。

最简单的解决方法就是网上说的,给 ImageView 设置一个 tag。

当 Item1 比 Item8 图片下载的快时, 你滚下去使 Item8 可见,这时 ImageView 的 tag 被设成了

Item8 的 URL, 当 Item1 下载完时,由于 Item1 不可见现在的 tag 是 Item8 的 URL,所以不满足条件,

虽然下载下来了但不会设置到 ImageView 上, tag 标识的永远是可见 view 中图片的 URL。

我们最后将这个最终的改进方案写下来

1.在主线程设置一个tag,

         @Override
public View getView(int position, View convertView, ViewGroup arg2) {
Log.i("xerrard", "getView " + position + " " + convertView);
ViewHolder viewHolder = null;
if(convertView == null){
viewHolder = new ViewHolder();
convertView = inflater.inflate(R.layout.item, null);
viewHolder.image = (ImageView) convertView.findViewById(R.id.img); convertView.setTag(viewHolder);
}else{
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.image.setTag(imgUrls.get(position));
ImageTask imageTask = new ImageTask(viewHolder.image);
imageTask.execute(imgUrls.get(position));
return convertView;
}
class ViewHolder{
ImageView image;
}
}

2.在异步的ImageTask设置图片的地方,判断Tag,确认Tag没有问题之后,再设置图片

     @Override
protected void onPostExecute(Bitmap result) {
super.onPostExecute(result);
if (result != null) {
// 通过 tag 来防止图片错位
if (iv.getTag() != null && iv.getTag().equals(imgUrl)) {
iv.setImageBitmap(result);
}
}
}