关于ImageLoader的一些东西

  网络图片异步加载 其实有关图片加载存在这样一个问题,图片的下载始终是一个耗时的操作,这个时候如果把图片加载放在主线程中话的是不明智的,模拟一个这样的场景, 假如在一个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。

posted @ 2016-08-22 17:37  建勋  阅读(297)  评论(0编辑  收藏  举报