Android:异步加载图片

我们知道Android为了不阻塞UI线程(main线程)，不允许在非UI线程中进行UI操作以及网络请求等操作，为了不阻塞UI，我们往往就要进行异步加载.

我们以异步加载图片为例子,来学习一下异步加载

方法一:Thread+Handler+Message

1.我们新建线程，在线程中获取图片(Bitmap对象)

new Thread() {@Overridepublic void run() {super.run();try {//Android中非主线程无法在线程中更新ui,可通过Handler把数据传递到主线程Bitmap bitmap = getBitmapFromUrl(url);//新建Message对象作为载体Message message = Message.obtain();//将Bitmap对象与消息绑定message.obj = bitmap;//通过Handler发送消息mHandler.sendMessage(message);} catch (IOException e) {e.printStackTrace();} catch (InterruptedException e) {e.printStackTrace();}}}.start();

2.新建Handler用来传递消息,重写handleMessage方法，从Message中取出图片,并设置给ImageView.

 private Handler mHandler = new Handler() {@Overridepublic void handleMessage(@NonNull Message msg) {super.handleMessage(msg);if (mImageView.getTag().equals(mUrl))  //只有ImageView的tag为当前url时,才进行设置mImageView.setImageBitmap((Bitmap) msg.obj);}};

方法二:AsyncTask

1.新建一个loadIMageAsynTask类并继承AsynTask，重写doInBackgroud和onPostExecute方法


public class loadImageAsynTask extends AsyncTask<String, Void, Bitmap> {//Params,Progress,Resultprivate ImageView mImageView;private String mUrl;public loadImageAsynTask(ImageView imageView, String url) {mImageView = imageView;mUrl = url;}//在doInBackground方法中获取Bitmap对象，并返回@Overrideprotected Bitmap doInBackground(String... urls) {Bitmap bitmap = null;try {//从网络上获取图片bitmap = getBitmapFromUrl(urls[0]);if (bitmap != null) {//将下载好的图片保存到LruCache中smLruCache.put(urls[0], bitmap);}} catch (IOException e) {e.printStackTrace();}return bitmap;}//在onPostExecute方法中将Bitmap对象设置给ImageView@Overrideprotected void onPostExecute(Bitmap bitmap) {super.onPostExecute(bitmap);if (mImageView.getTag().equals(mUrl))mImageView.setImageBitmap(bitmap);}}

与Thread+Handler对比，AsyncTask有两个好处:

方便实现异步通信,不需使用 “任务线程（如继承Thread类） + Handler”的复杂组合
节省资源,采用线程池的缓存线程 + 复用线程，避免了频繁创建 & 销毁线程所带来的系统资源开销

进阶:异步加载图片的优化

问题1:

由于我们的模拟器网速很快，当我们加载上下滑动图片时不会发生什么问题，但是当我们网速很慢时(我们可以在获取图片时Sleep一秒来模拟网速慢的情况)，我们就会发现当item 1,item 2,item 3都加载后我们加载item 4时，并不会直接在item 4 上设置image 4，而是先设置的image 1,image 2, image 3,再设置的image 4.

解决办法:为`ImageView`设置`Tag`

1.为View对象设置属性时，以图片的url为key，设置为图片Tag.

viewHolder.ivIcon.setTag(mList.get(i).getNewsIconUrl());

2.在获得图片(Bitmap)后，设置给ImageView时，先进行判断

if (mImageView.getTag().equals(mUrl))mImageView.setImageBitmap(bitmap);

问题２:

我们每次滑动时，都是从网络重新获取图片，这对于用户来说，很耗流量.

解决办法:使用LruCache

1.新建LruCache,并重写sizeof方法，返回每次缓存的图片大小

mLruCache = new LruCache<String, Bitmap>(cacheSize) {@Overrideprotected int sizeOf(String key, Bitmap value) {//在每次存入缓存中调用,告诉我们的系统存入的对象有多大return value.getByteCount();}};

2.每次从网络上获取图片后，加入到缓存

       //从网络上获取图片bitmap = getBitmapFromUrl(urls[0]);if (bitmap != null) {//将下载好的图片保存到LruCache中smLruCache.put(urls[0], bitmap);}

3.如果缓存中有就从缓存中取，缓存中没有再发送网络请求获取图片

       Bitmap bitmap = null;//从缓存中取出对应的图片，如果缓存中没有，我们就从网络中去下载bitmap = mLruCache.get(urlString);if (bitmap == null) {new loadImageAsynTask(imageView, urlString).execute(urlString);} else {imageView.setImageBitmap(bitmap);}

Android异步加载图片源码:https://github.com/wantao666/AndroidDemo/tree/master/SynTask