listview前几个item的图片怎么是空白的、listview更新了ui不起作用、在handler里更新了UI不起作用
不是不起作用,不信你可以在更新ui代码附近加输出的log,说明程序是跑到那里了。但是未达到我们的想要的效果。
我们知道在listview里更新UI,listview的适配器Adapter里有个getView方法,在里面通常我们更新UI都是对holder里的控件更新。
代码如下:
@Override public View getView(final int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = View.inflate(getApplicationContext(),R.layout.list_item, null); holder = new ViewHolder(); holder.ivImage = (ImageView) convertView.findViewById(R.id.iv_image); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } holder.ivImage.setImageBitmap(bitmap);//更新UI return convertView; }
但有时候我们要执行一些耗时操作,比如请求网络下载图片、从sdcard读取并压缩图片,我们就必须得另开子线程去执行。代码如下:
@Override public View getView(final int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = View.inflate(getApplicationContext(),R.layout.list_item, null); holder = new ViewHolder(); holder.ivImage = (ImageView) convertView.findViewById(R.id.iv_image); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } bitmap = mMemoryCacheUtils.getMemoryCache(list.get(position)); if (bitmap != null) { // 从内存获取 holder.ivImage.setImageBitmap(bitmap);// 更新UI } else { // 从sdcard获取 new Thread() { public void run() { compressBitmap = BitmapUtil.compressPicture(list.get(position), 120, 60);//获取sdcard图片并压缩 if (compressBitmap != null) { mMemoryCacheUtils.setMemoryCache(list.get(position), compressBitmap); mHandler.post(new Runnable() { public void run() { holder.ivImage.setImageBitmap(compressBitmap);// 更新UI } }); } } }.start(); return convertView; }
从上面红色代码处得知,开启了子线程去获取并压缩图片,然后将该图片设置给imageview,而且也是执行在handler里,更新UI应该没问题啊,可是得出的效果图就是前几个item的图片都没有展示出来:
把listview往上滑可以看到后面的图片却可以展示出来。
通过log输出也确实跑到了红色代码那里,但是却没达到理想效果。我当时几近崩溃,抓狂的啊,网上搜索也没有类似问题。后来想了一下,既然代码都跑到这了,为什么更新UI却没反应呢?有可能是更新错了地方了。也正因为咱们新开了子线程,而且执行了耗时操作,那么跑到红色代码那里的时候getView这个方法都走了好几遍了。所以holder里的ivImage也不是当时的item的imageview。所以要找个方法来保存这个imageview。所以代码换成如下的:
@Override public View getView(final int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = View.inflate(getApplicationContext(), R.layout.list_item, null); holder = new ViewHolder(); holder.ivImage = (ImageView) convertView.findViewById(R.id.iv_image); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } bitmap = mMemoryCacheUtils.getMemoryCache(list.get(position)); if (bitmap != null) { // 从内存获取 holder.ivImage.setImageBitmap(bitmap);// 更新UI } else { // 若没有的话则开启新线程加载图片 queuePhoto(list.get(position), holder.ivImage); // 设置默认图片 holder.ivImage.setImageResource(R.drawable.ic_launcher); } return convertView; }
private void queuePhoto(String url, ImageView imageView) { PhotoToLoad p = new PhotoToLoad(url, imageView);//先保存住url和imageview executorService.submit(new PhotosLoader(p));//然后再开启子线程 } // Task for the queue private class PhotoToLoad { public String url; public ImageView imageView; public PhotoToLoad(String u, ImageView i) { url = u; imageView = i; } }
完整代码可以看LazyAdapter.java
demo(lazylist)代码:https://pan.baidu.com/s/1mhZbaHi