Android简易实战教程--第三十二话《使用Lrucache和NetworkImageView加载图片》-白红宇

Android简易实战教程--第三十二话《使用Lrucache和NetworkImageView加载图片》

阅读量：5302 次

发布时间：2019-06-14

本文共 6780 字，大约阅读时间需要 22 分钟。

转载本专栏每一篇博客请注明转载出处地址，尊重原创。此博客转载链接地址： http://blog.csdn.net/qq_32059827/article/details/52791311

本博客是所用vooley框架完成的一个小案例，如果想详细学习该框架的使用。可以关注本人专栏《Android进阶》下的volley框架详解使用。

好了，看到这里说明，你对该框架使用应该算是入门了，那就开始实战之旅吧！

首先，定义一个布局，只用一个ListView就好了了。

然后，自定义一个adapter适配器

package com.leslie.volleylistviewdemo;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import com.android.volley.RequestQueue;import com.android.volley.toolbox.ImageLoader;import com.android.volley.toolbox.NetworkImageView;import com.android.volley.toolbox.Volley;public class MyAdapter extends BaseAdapter {	private String[] list;	private Context context;	private RequestQueue queue;	private ImageLoader imageLoader;	public MyAdapter(Context context, String[] list) {		this.context = context;		this.list = list;		queue = Volley.newRequestQueue(context);		imageLoader = new ImageLoader(queue, new MyImageCache());	}	@Override	public int getCount() {		return list.length;	}	@Override	public Object getItem(int position) {		return list[position];	}	@Override	public long getItemId(int position) {		return position;	}	@Override	public View getView(int position, View convertView, ViewGroup parent) {		ViewHolder holder = null;		if (convertView == null) {			holder = new ViewHolder();			convertView = LayoutInflater.from(context).inflate(R.layout.list_item, null);			holder.img = (NetworkImageView) convertView.findViewById(R.id.userimage);			convertView.setTag(holder);		} else {			holder = (ViewHolder) convertView.getTag();		}		final String imgUrl = list[position];		if (imgUrl != null && !imgUrl.equals("")) {			holder.img.setDefaultImageResId(R.drawable.ic_launcher);			holder.img.setErrorImageResId(R.drawable.ic_launcher);			holder.img.setImageUrl(imgUrl, imageLoader);		}		return convertView;	}	class ViewHolder {		NetworkImageView img;	}}

适配器没什么可说的，主要是在item加载、item数据设置的时候。不再使用ImageView，而是使用了NetworkImageView

item的布局如下：

然后就是它的使用，如果您看过《Android进阶专栏》的volley使用，相信这已经很明了了。

在使用NetworkImageView的时候，需要传入自定义的缓存类对象LruCache：

package com.leslie.volleylistviewdemo;import android.annotation.SuppressLint;import android.graphics.Bitmap;import android.support.v4.util.LruCache;import com.android.volley.toolbox.ImageLoader.ImageCache;/** * 自定义一个内存缓存,基于的LRU算法的内存缓存 * @author Administrator * */@SuppressLint("NewApi") public class MyImageCache implements ImageCache {	LruCache
    
      caches;	//1.定义缓存的空间大小	int maxSize = 4 * 1024 * 1024;//单位是byte-->4194304byte	//	int maxSize = 4;//单位是m-->4M	//缓存的最大值 4m 4*1024*1024kb ,是空间大小.不是元素个数	public MyImageCache() {		caches = new LruCache
     
      (maxSize) {			//2.重载sizeOf			@Override			protected int sizeOf(String key, Bitmap value) {				// TODO				//返回bitmap这个entry的大小,统一计算单位				//				return value.getByteCount() / 1024 / 1024;//一张图片,占了多少M				return value.getByteCount();//一张图片,占了多少bytes			}		};	}	/**	 * 从缓存里面取图片	 */	@Override	public Bitmap getBitmap(String url) {		System.out.println("--------------从缓存中加载--------------");		return caches.get(url);	}	/**	 * 放到缓存里面去	 */	@Override	public void putBitmap(String url, Bitmap bitmap) {		System.out.println("--------------放置到缓存--------------");		caches.put(url, bitmap);	}}

加载图片和移除缓存图片的时候，我加入了Log。待会再看打印怎么输出的。

最后，看看MainActivity代码：

package com.leslie.volleylistviewdemo;import android.app.Activity;import android.os.Bundle;import android.widget.ListView;public class MainActivity extends Activity {	ListView listView;        String[] images = new String[] { "http://192.168.1.100:8080/img/b7003af33a87e950bc07153d12385343fbf2b44b.jpg",            "http://192.168.1.100:8080/img/b7fd5266d01609244a0c6b55d50735fae6cd3457.jpg",            "http://192.168.1.100:8080/img/b86afbbf9f78ae5dddfaa4c72c3afe81.jpg",            "http://192.168.1.100:8080/img/b89230d85178eafa7513a8601ba01d6e.jpg",            "http://192.168.1.100:8080/img/bba1cd11728b4710fc4148cbc1cec3fdfc03234e.jpg",            "http://192.168.1.100:8080/img/bigimg.jpg",            "http://192.168.1.100:8080/img/c0a11a6489b8f14e1f02d0be7afc0cad(1).jpg",            "http://192.168.1.100:8080/img/c0a11a6489b8f14e1f02d0be7afc0cad.jpg",            "http://192.168.1.100:8080/img/c8529ee742fa8abb853b297fef5ad772.jpg",            "http://192.168.1.100:8080/img/c8a9338d3020ea03d66aca22c34cef3f.jpg",            "http://192.168.1.100:8080/img/c9fcc3cec3fdfc03da9554bfd63f8794a5c226c3.jpg",            "http://192.168.1.100:8080/img/ca1349540923dd54489f106fd309b3de9d8248cc.jpg",            "http://192.168.1.100:8080/img/cbdee99ceabdfc7c76a78803c06d3b5b.jpg",            "http://192.168.1.100:8080/img/cdbbf5d62e08e4466fdbd526031145ee.jpg",            "http://192.168.1.100:8080/img/ce9dfc60b7002d583ffd3277def6dec7.jpg",            "http://192.168.1.100:8080/img/d01373f082025aafa359acd3f9edab64034f1aba.jpg",            "http://192.168.1.100:8080/img/d043ad4bd11373f02e541a9ea60f4bfbfbed0443.jpg",            "http://192.168.1.100:8080/img/d1160924ab18972b8bd74acde4cd7b899f510ac3.jpg",            "http://192.168.1.100:8080/img/d439b6003af33a8760a4e74bc45c10385243b592.jpg",            "http://192.168.1.100:8080/img/d6680a5223ac83ab60720d3536b42363.jpg",            "http://192.168.1.100:8080/img/d833c895d143ad4b99b5d1c080025aafa40f0612.jpg",            "http://192.168.1.100:8080/img/db08ab97060da52c484569bf7113d8ea.jpg",            "http://192.168.1.100:8080/img/de2563343fededa0aea0bfe5a040840c.jpg",            "http://192.168.1.100:8080/img/e01491bfc1a6f9fdd273779b582d3f53.jpg",            "http://192.168.1.100:8080/img/e7c04293605ff797a8adbb9369dda2eb.jpg",            "http://192.168.1.100:8080/img/e7cd7b899e510fb36deec090db33c895d0430cc5.jpg",            "http://192.168.1.100:8080/img/eac4b74543a98226e5f5cd768882b9014a90ebaf.jpg",            "http://192.168.1.100:8080/img/f2deb48f8c5494ee7e883e112ff5e0fe99257e0b.jpg",            "http://192.168.1.100:8080/img/f6baf658a81853bcc3b383b1d886d16e.jpg",            "http://192.168.1.100:8080/img/f87228e52049993ea750a79e39f1e3b9.jpg",            "http://192.168.1.100:8080/img/fa7ac7801e26b0a01f99dfeab0e20e6e.jpg",            "http://192.168.1.100:8080/img/fcfaaf51f3deb48f9d86ebd9f21f3a292cf578cd.jpg",            "http://192.168.1.100:8080/img/1000x1500_803068byte.jpg",            "http://192.168.1.100:8080/img/1020x637_312320byte.jpg",            "http://192.168.1.100:8080/img/fda7c901b289af73f4b5e9d9cc21a069.jpg"};       @Override	protected void onCreate(Bundle savedInstanceState) {		super.onCreate(savedInstanceState);		setContentView(R.layout.activity_main);		listView = (ListView) findViewById(R.id.listview);		MyAdapter adapter = new MyAdapter(this, null);		listView.setAdapter(adapter);	}}

可以把程序跑起来了，如下：（由于服务器崩掉了，暂时使用默认图片吧，见谅）