夏文权
- 浏览: 242994 次
- 性别:
- 来自: 贵州
-
文章分类
最新评论
-
夏文权：
增加事务处理
spring + mybatis 框架 -
vs0029：
这也太小儿科了
android ViewPager 和 listview的共存问题 -
于自水：
大神，同上啊，没解决啊！appid跟1楼的一样，我也郁闷好几天 ...
android 微信分享 -
lihaolee：
前辈你好，我最近正在做微信分享，自己申请了appid，包名签名 ...
android 微信分享 -
410812571：
你就是救世主。
android listview 加载图片错乱(错位)
android listview 加载图片错乱(错位)
写道
今天晚上一个朋友介绍我看了一篇文章，也是解决android中listview在加载图片错位的问题，看了之后，感觉写的很好，自己也遇到这个问题，但是又不知道从何下手，看到这篇文章后，我的问题得到了解决，同时也感谢作者。
现在饿就把作者的文章转帖上来，给大家共享。
写道
1、采用线程池
2、内存缓存+文件缓存
3、内存缓存中网上很多是采用SoftReference来防止堆溢出，这儿严格限制只能使用最大JVM内存的1/4
4、对下载的图片进行按比例缩放，以减少内存的消耗
具体的代码里面说明。先放上内存缓存类的代码MemoryCache.java：
2、内存缓存+文件缓存
3、内存缓存中网上很多是采用SoftReference来防止堆溢出，这儿严格限制只能使用最大JVM内存的1/4
4、对下载的图片进行按比例缩放，以减少内存的消耗
具体的代码里面说明。先放上内存缓存类的代码MemoryCache.java：
public class MemoryCache {
private static final String TAG = "MemoryCache";
// 放入缓存时是个同步操作
// LinkedHashMap构造方法的最后一个参数true代表这个map里的元素将按照最近使用次数由少到多排列，即LRU
// 这样的好处是如果要将缓存中的元素替换，则先遍历出最近最少使用的元素来替换以提高效率
private Map<String, Bitmap> cache = Collections
.synchronizedMap(new LinkedHashMap<String, Bitmap>(10, 1.5f, true));
// 缓存中图片所占用的字节，初始0，将通过此变量严格控制缓存所占用的堆内存
private long size = 0;// current allocated size
// 缓存只能占用的最大堆内存
private long limit = 1000000;// max memory in bytes
public MemoryCache() {
// use 25% of available heap size
setLimit(Runtime.getRuntime().maxMemory() / 4);
}
public void setLimit(long new_limit) {
limit = new_limit;
Log.i(TAG, "MemoryCache will use up to " + limit / 1024. / 1024. + "MB");
}
public Bitmap get(String id) {
try {
if (!cache.containsKey(id))
return null;
return cache.get(id);
} catch (NullPointerException ex) {
return null;
}
}
public void put(String id, Bitmap bitmap) {
try {
if (cache.containsKey(id))
size -= getSizeInBytes(cache.get(id));
cache.put(id, bitmap);
size += getSizeInBytes(bitmap);
checkSize();
} catch (Throwable th) {
th.printStackTrace();
}
}
/**
* 严格控制堆内存，如果超过将首先替换最近最少使用的那个图片缓存
*
*/
private void checkSize() {
Log.i(TAG, "cache size=" + size + " length=" + cache.size());
if (size > limit) {
// 先遍历最近最少使用的元素
Iterator<Entry<String, Bitmap>> iter = cache.entrySet().iterator();
while (iter.hasNext()) {
Entry<String, Bitmap> entry = iter.next();
size -= getSizeInBytes(entry.getValue());
iter.remove();
if (size <= limit)
break;
}
Log.i(TAG, "Clean cache. New size " + cache.size());
}
}
public void clear() {
cache.clear();
}
/**
* 图片占用的内存
*
* @param bitmap
* @return
*/
long getSizeInBytes(Bitmap bitmap) {
if (bitmap == null)
return 0;
return bitmap.getRowBytes() * bitmap.getHeight();
}
}
也可以使用SoftReference，代码会简单很多，但是推荐上面的方法。
public class MemoryCache {
private Map<String, SoftReference<Bitmap>> cache = Collections
.synchronizedMap(new HashMap<String, SoftReference<Bitmap>>());
public Bitmap get(String id) {
if (!cache.containsKey(id))
return null;
SoftReference<Bitmap> ref = cache.get(id);
return ref.get();
}
public void put(String id, Bitmap bitmap) {
cache.put(id, new SoftReference<Bitmap>(bitmap));
}
public void clear() {
cache.clear();
}
}
下面是文件缓存类的代码FileCache.java
public class FileCache {
private File cacheDir;
public FileCache(Context context) {
// 如果有SD卡则在SD卡中建一个LazyList的目录存放缓存的图片
// 没有SD卡就放在系统的缓存目录中
if (android.os.Environment.getExternalStorageState().equals(
android.os.Environment.MEDIA_MOUNTED))
cacheDir = new File(
android.os.Environment.getExternalStorageDirectory(),
"LazyList");
else
cacheDir = context.getCacheDir();
if (!cacheDir.exists())
cacheDir.mkdirs();
}
public File getFile(String url) {
// 将url的hashCode作为缓存的文件名
String filename = String.valueOf(url.hashCode());
// Another possible solution
// String filename = URLEncoder.encode(url);
File f = new File(cacheDir, filename);
return f;
}
public void clear() {
File[] files = cacheDir.listFiles();
if (files == null)
return;
for (File f : files)
f.delete();
}
}
最后最重要的加载图片的类，ImageLoader.java
public class ImageLoader {
MemoryCache memoryCache = new MemoryCache();
FileCache fileCache;
private Map<ImageView, String> imageViews = Collections
.synchronizedMap(new WeakHashMap<ImageView, String>());
// 线程池
ExecutorService executorService;
public ImageLoader(Context context) {
fileCache = new FileCache(context);
executorService = Executors.newFixedThreadPool(5);
}
// 当进入listview时默认的图片，可换成你自己的默认图片
final int stub_id = R.drawable.stub;
// 最主要的方法
public void DisplayImage(String url, ImageView imageView) {
imageViews.put(imageView, url);
// 先从内存缓存中查找
Bitmap bitmap = memoryCache.get(url);
if (bitmap != null)
imageView.setImageBitmap(bitmap);
else {
// 若没有的话则开启新线程加载图片
queuePhoto(url, imageView);
imageView.setImageResource(stub_id);
}
}
private void queuePhoto(String url, ImageView imageView) {
PhotoToLoad p = new PhotoToLoad(url, imageView);
executorService.submit(new PhotosLoader(p));
}
private Bitmap getBitmap(String url) {
File f = fileCache.getFile(url);
// 先从文件缓存中查找是否有
Bitmap b = decodeFile(f);
if (b != null)
return b;
// 最后从指定的url中下载图片
try {
Bitmap bitmap = null;
URL imageUrl = new URL(url);
HttpURLConnection conn = (HttpURLConnection) imageUrl
.openConnection();
conn.setConnectTimeout(30000);
conn.setReadTimeout(30000);
conn.setInstanceFollowRedirects(true);
InputStream is = conn.getInputStream();
OutputStream os = new FileOutputStream(f);
CopyStream(is, os);
os.close();
bitmap = decodeFile(f);
return bitmap;
} catch (Exception ex) {
ex.printStackTrace();
return null;
}
}
// decode这个图片并且按比例缩放以减少内存消耗，虚拟机对每张图片的缓存大小也是有限制的
private Bitmap decodeFile(File f) {
try {
// decode image size
BitmapFactory.Options o = new BitmapFactory.Options();
o.inJustDecodeBounds = true;
BitmapFactory.decodeStream(new FileInputStream(f), null, o);
// Find the correct scale value. It should be the power of 2.
final int REQUIRED_SIZE = 70;
int width_tmp = o.outWidth, height_tmp = o.outHeight;
int scale = 1;
while (true) {
if (width_tmp / 2 < REQUIRED_SIZE
|| height_tmp / 2 < REQUIRED_SIZE)
break;
width_tmp /= 2;
height_tmp /= 2;
scale *= 2;
}
// decode with inSampleSize
BitmapFactory.Options o2 = new BitmapFactory.Options();
o2.inSampleSize = scale;
return BitmapFactory.decodeStream(new FileInputStream(f), null, o2);
} catch (FileNotFoundException e) {
}
return null;
}
// Task for the queue
private class PhotoToLoad {
public String url;
public ImageView imageView;
public PhotoToLoad(String u, ImageView i) {
url = u;
imageView = i;
}
}
class PhotosLoader implements Runnable {
PhotoToLoad photoToLoad;
PhotosLoader(PhotoToLoad photoToLoad) {
this.photoToLoad = photoToLoad;
}
@Override
public void run() {
if (imageViewReused(photoToLoad))
return;
Bitmap bmp = getBitmap(photoToLoad.url);
memoryCache.put(photoToLoad.url, bmp);
if (imageViewReused(photoToLoad))
return;
BitmapDisplayer bd = new BitmapDisplayer(bmp, photoToLoad);
// 更新的操作放在UI线程中
Activity a = (Activity) photoToLoad.imageView.getContext();
a.runOnUiThread(bd);
}
}
/**
* 防止图片错位
*
* @param photoToLoad
* @return
*/
boolean imageViewReused(PhotoToLoad photoToLoad) {
String tag = imageViews.get(photoToLoad.imageView);
if (tag == null || !tag.equals(photoToLoad.url))
return true;
return false;
}
// 用于在UI线程中更新界面
class BitmapDisplayer implements Runnable {
Bitmap bitmap;
PhotoToLoad photoToLoad;
public BitmapDisplayer(Bitmap b, PhotoToLoad p) {
bitmap = b;
photoToLoad = p;
}
public void run() {
if (imageViewReused(photoToLoad))
return;
if (bitmap != null)
photoToLoad.imageView.setImageBitmap(bitmap);
else
photoToLoad.imageView.setImageResource(stub_id);
}
}
public void clearCache() {
memoryCache.clear();
fileCache.clear();
}
public static void CopyStream(InputStream is, OutputStream os) {
final int buffer_size = 1024;
try {
byte[] bytes = new byte[buffer_size];
for (;;) {
int count = is.read(bytes, 0, buffer_size);
if (count == -1)
break;
os.write(bytes, 0, count);
}
} catch (Exception ex) {
}
}
}
写道
主要流程是先从内存缓存中查找，若没有再开线程，从文件缓存中查找都没有则从指定的url中查找，并对bitmap进行处理，最后通过下面方法对UI进行更新操作。
a.runOnUiThread(...);
在你的程序中的基本用法： ImageLoader imageLoader=new ImageLoader(context); ... imageLoader.DisplayImage(url, imageView); 比如你的放在你的ListView的adapter的getView()方法中，当然也适用于GridView。
adapter的代码：
class MyAdapter extends BaseAdapter{
private String urls[];
private Context context;
public int getCount() {
return urls.length;
}
public void setData(String[] urls) {
this.urls = urls;
}
public Object getItem(int position) {
return urls[position];
}
public long getItemId(int position) {
return position;
}
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if(convertView == null){
holder = new ViewHolder();
convertView = LayoutInflater.from(getApplicationContext()).inflate(R.layout.listview_item, null);
holder.imageView = (ImageView) convertView.findViewById(R.id.imageview);
convertView.setTag(holder);
}else{
holder = (ViewHolder) convertView.getTag();
}
System.out.println("开始下载图片 --------------position--------==== " + position);
//把imageLoader传进adapter里面来
imageLoader.displayImage(urls[position], holder.imageView);
return convertView;
}
class ViewHolder{
ImageView imageView;
}
}
写道
最后注意一点：要加权限。网络，sdcard等权限。
- testlistview.rar (183.3 KB)
- 下载次数: 248
分享到：
评论
5 楼
410812571
2013-06-04
你就是救世主。
4 楼
410812571
2013-06-04
你是救苦救难的活菩萨啊
3 楼
410812571
2013-06-04
你是救苦救难的活菩萨啊
2 楼
tq09931
2012-08-27
你好，发现你的代码有个小问题，就是会卡在PhotosLoader 的run方法中，导致无法显示图片，可能是线程导致，改成handler后就正常了
class PhotosLoader implements Runnable {
PhotoToLoad photoToLoad;
PhotosLoader(PhotoToLoad photoToLoad) {
this.photoToLoad = photoToLoad;
}
public void run() {
if (imageViewReused(photoToLoad))
return;
Bitmap bmp = getBitmap(photoToLoad.url);
memoryCache.put(photoToLoad.url, bmp);
if (imageViewReused(photoToLoad))
return;
BitmapDisplayer bd = new BitmapDisplayer(bmp, photoToLoad);
// 更新的操作放在UI线程中
//原先你的代码发现会开在这一步 你原来用的是Activity 的ui线程来执行的，不知道为什么会卡住，你知道为什么吗？如知道请告知，谢谢~
handler.post(bd);
System.out.println("zhixing shezhi");
}
}
1 楼
a379933101
2012-08-22
高手呀，不知道怎么感谢你好，所以就不感谢了！
发表评论
相关推荐
综上所述，解决Android ListView滚动布局错位的关键在于正确地管理视图类型，并在`getView()`方法中确保视图的复用符合数据的类型。同时，实现多布局时要保持逻辑清晰，避免混淆不同类型的视图。通过这些方法，你...
然而，由于其复杂的复用机制，ListView在处理异步加载图片时容易出现错位、重复和闪烁等问题。以下将详细分析这些问题的原因并提供相应的解决方案。 1. 图片显示重复 当用户快速滑动ListView时，ListView会复用...
然而，在处理包含图片的数据时，ListView经常会出现图片错乱的问题，这主要是由于ListView的复用机制导致的。本篇文章将深入探讨这个问题，并提供解决方案。 首先，理解ListView的复用机制是解决问题的关键。当用户...
然而，当用户滑动ListView时，可能会遇到一些视觉上的问题，如图片重复、错乱或闪烁，这些问题主要是由于ListView的缓存机制和异步加载策略导致的。本文将深入解析这些问题的原因，并提供相应的解决方法。 1. 原因...
### Android ListView 异步加载图片乱序问题：原因分析及解决方案 #### 一、问题背景与重现 在Android开发过程中，ListView 是一个非常常见的控件，用于展示一系列的数据列表。然而，当涉及到在这个控件中异步加载...
然而，当ListView中的每一项包含网络图片时，会遇到一些挑战，比如图片加载错位、错乱等问题。这些问题主要源于ListView的重用机制和图片加载的延迟。针对这些问题，我们可以采用缓存机制和第三方库如xutil来优化...
本文将深入探讨如何在ListView中实现网络图片的加载与显示，以及解决图片错乱的问题。 首先，我们需要一个图片加载库来帮助我们处理网络图片的下载和显示。在Android社区中，有多个流行的图片加载库可供选择，如...
然而，由于其复用机制，ListView在处理大量子项时可能会出现一些问题，如数据错乱、ID重复或图片显示异常。本文将深入探讨这些问题及其解决方案。 首先，我们要理解ListView的工作原理。ListView采用了一种称为...
在安卓开发中，RecyclerView是一种非常重要的视图组件，它用于展示可滚动的列表，相比于旧的ListView，RecyclerView提供了更高效的数据绑定和复用机制。在本教程中，我们将深入探讨如何实现RecyclerView的瀑布流布局...
5. **图片错乱问题**：在ListView中，由于复用机制，如果不正确处理每个ImageView的状态，可能会导致图片显示错位。解决方法是在getView()方法中，根据当前item的位置，正确设置ImageView的图片资源，确保每个...
4. 在更新数据后，需确保ListView正确更新视图，防止出现滚动错位或者数据错乱的问题。 在提供的文件名"app"中，可能包含了实现这个功能的应用代码。分析这个代码可以帮助我们理解如何将上述理论知识应用到实际项目...
在Android的ListView或RecyclerView等滚动视图中，由于控件的复用，如果不正确处理图片加载，会出现图片错位的问题。BitmapManage针对这种情况，可能提供了绑定数据与视图时的同步机制，确保每个视图只显示对应的...
- **原因分析**：在列表视图（如ListView）中，由于视图复用机制的存在，如果没有正确处理图片的加载顺序，会导致图片显示错位。 - **解决方案**：为每个ImageView设置一个唯一标识（如URL），并在加载图片时根据...
9. **ListView图片加载错乱的解决方案**：可以通过使用诸如Universal Image Loader、Glide或Picasso这样的图片加载库，它们内部处理了缓存和复用逻辑，避免图片错位和闪烁。 10. **动态权限适配**：Android 6.0引入...