网络图片异步加载 其实有关图片加载存在这样一个问题，图片的下载始终是一个耗时的操作，这个时候如果把图片加载放在主线程中话的是不明智的，模拟一个这样的场景， 假如在一个listview或RecyclerView中，每一个listitem中都有一张网络图片，假如不使用网络异步处理的话，滑动工作会特别卡，因为必须加载网图片后 ，才会加载下个item。除了这些，网络图片加载还存在很多优化，下面是ImageLoader对于网络图片加载的优化内容：
- 加载过程使用异步，这里使用AsyncTask
- 加载图片后，将图片放入缓存，不必每次都从网络上请求，节省流量，加快加载速度
- 使用ViewHolder，这点就不必多说了
- 监听滑动过程，其实我们知道的，在滑动的时候其实我们是没有必要加载图片的，等滑动结束的时候，加载当前页面的图片
其实网上有很多类似的开源框架，但是为了理解其中原理，我自己写了一个ImageLoader。同时在加载过程中我自己写了一个ProgressDialog，显示效果如下
1、关于异步加载：
我的Demo里面使用的异步加载方法是AsyncTask，AsyncTask是一个很创建的异步方式，这里就不做太多介绍，只要在doInBackground方法中添加图片的网络加载即可，以下是代码：
private class NewSAsyncTask extends AsyncTask<String, Void, Bitmap> {
private ImageView mimageView;
private String mUrl;
private int mType;
public NewSAsyncTask(ImageView imageview, String url,int type) {
mimageView = imageview;
mUrl = url;
mType=type;
}
@Override
protected Bitmap doInBackground(String... params) {
String url=params[0];
Bitmap bitmap=getBitmapFromUrl(mUrl,mType);
if(bitmap!=null){
addBitmapToCache(url, bitmap);
}
return bitmap;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
super.onPostExecute(bitmap);
if (mimageView.getTag().equals(mUrl)) {
mimageView.setImageBitmap(bitmap);
}
}
}
2、加载的图片放入缓存，或从缓存中读取图片--LruCache
LruCache是android提供给我的一个有关于手机缓存中插入和读取数据的类，使用起来也很方便，以下是代码：
public ImageLoaderUtil() {
int maxMemory = (int) Runtime.getRuntime().maxMemory();
int cacheSize = maxMemory / 8;
mcache = new LruCache<String, Bitmap>(cacheSize) {
@SuppressLint("NewApi")
@Override
protected int sizeOf(String key, Bitmap value) {
return value.getByteCount();
}
};
}
public void addBitmapToCache(String url, Bitmap bitmap) {
if (getBitmapFromCache(url) == null) {
mcache.put(url, bitmap);
}
}
public Bitmap getBitmapFromCache(String url) {
return mcache.get(url);
}
上面的代码中先是获取当前手机可用的最大内容，然后取其8分之一，用于我们使用的缓存。
3、判断手指滑动状态
这个很简单，直接使用ListView或RecyclerView的滑动监听即可。当手指停止滑动的时候，判断当前屏幕中都显示哪些item，然后在加载这些item。这样一来，在手指滑动的过程中，不进行任何有关加载的相关操作，节省了流量，加快了加载速度，同时提升了用户体验。
4、ImageLoader的逻辑顺序
首先判断在LruCache中通过url判断是否有欲加载的图片，没有的话从网络上加载，并使用url和图片的键值对放入LruCache中。同时监听手机滑动，当收停止滑动的时候在进行加载，滑动过程中不进行任何加载。
下面是ImageLoader的完整代码：
package xml.org.today.util;
import java.io.BufferedInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import android.annotation.SuppressLint;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Bitmap.Config;
import android.graphics.PorterDuff.Mode;
import android.os.AsyncTask;
import android.support.v4.util.LruCache;
import android.widget.ImageView;
public class ImageLoaderUtil {
private LruCache<String, Bitmap> mcache;
public ImageLoaderUtil() {
int maxMemory = (int) Runtime.getRuntime().maxMemory();
int cacheSize = maxMemory / 8;
mcache = new LruCache<String, Bitmap>(cacheSize) {
@SuppressLint("NewApi")
@Override
protected int sizeOf(String key, Bitmap value) {
return value.getByteCount();
}
};
}
public void addBitmapToCache(String url, Bitmap bitmap) {
if (getBitmapFromCache(url) == null) {
mcache.put(url, bitmap);
}
}
public Bitmap getBitmapFromCache(String url) {
return mcache.get(url);
}
/**
* 异步加载网络图片
*
* @param imageview
* @param url
* @param type 1、圆角图片
*/
public void getImageByAsyncTask(ImageView imageview, String url, int type) {
Bitmap bitmap = getBitmapFromCache(url);
if (bitmap == null) {
new NewSAsyncTask(imageview, url, type).execute(url);
} else {
imageview.setImageBitmap(bitmap);
}
}
private class NewSAsyncTask extends AsyncTask<String, Void, Bitmap> {
private ImageView mimageView;
private String mUrl;
private int mType;
public NewSAsyncTask(ImageView imageview, String url, int type) {
mimageView = imageview;
mUrl = url;
mType = type;
}
@Override
protected Bitmap doInBackground(String... params) {
String url = params[0];
Bitmap bitmap = getBitmapFromUrl(mUrl, mType);
if (bitmap != null) {
addBitmapToCache(url, bitmap);
}
return bitmap;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
super.onPostExecute(bitmap);
if (mimageView.getTag().equals(mUrl)) {
mimageView.setImageBitmap(bitmap);
}
}
}
public Bitmap getBitmapFromUrl(String urlString, int type) {
Bitmap bitmap;
Bitmap outbitmap;
InputStream is = null;
try {
URL url = new URL(urlString);
try {
HttpURLConnection connection = (HttpURLConnection) url
.openConnection();
is = new BufferedInputStream(connection.getInputStream());
bitmap = BitmapFactory.decodeStream(is);
if (type == 1) {
outbitmap = toRoundBitmap(bitmap);
} else {
outbitmap = bitmap;
}
connection.disconnect();
return outbitmap;
} catch (IOException e) {
e.printStackTrace();
}
} catch (MalformedURLException e) {
e.printStackTrace();
} finally {
try {
is.close();
} catch (IOException e) {
e.printStackTrace();
}
}
return null;
}
public static Bitmap toRoundBitmap(Bitmap bitmap) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);
Paint paint = new Paint();
int width = bitmap.getWidth();
int height = bitmap.getHeight();
Rect rect;
if (width >= height) {
rect = new Rect((width - height) / 2, 0, (width - height) / 2
+ height, height);
} else {
rect = new Rect(0, (height - width) / 2, width, width
+ (height - width) / 2);
}
RectF rectF = new RectF(rect);
canvas.drawOval(rectF, paint);
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rectF, paint);
return output;
}
}
调用的方式也很简单：
ImageLoaderUtil mImageLoaderUtil=new ImageLoaderUtil(); mImageLoaderUtil.getImageByAsyncTask(mView,mUrl,1);
上面的代码中mView是欲加载图片的ImageView，mUrl是图片的远程地址，1代表欲加载圆角图片。
上面代码的github地址是：https://github.com/jiushi555/ImageLoaderDemo。
时间： 2024-11-13 18:48:43