异步下载照片墙

android异步下载照片墙


版权声明：本文出自ShengFQ的博客.

转载请注明出处：http://www.jianshu.com/p/1709ea24ebbb

我的问题

我要实现从服务器端下载一个图片地址列表，并异步下载图片展示在imageview，实现缓存和压缩。如果要下载压缩后的图片，应该是由服务器端先压缩后存储，这里只说客户端范围，不做讨论。

需要预备的知识点：

1.AsyncTask异步调用方法下载json数据

2.listview，viewadapter的高性能写法

3.HandlerThread，Hander,Message异步消息机制

4.LurCache缓存

5.BitmapFactory的压缩图片

1.AsyncTask异步调用方法下载json数据

一个AsyncTask和一个Adapter组合，从服务器端拉取包含图片地址的json格式数据。

2.listview，viewadapter的高性能写法


viewadapter.java 部分实现
Object mlock;//异步操作list时，需要对list进行同步锁定
Context mContext;//调用上下文
List<Model> datalist;//list数据源
int itemLayoutId;//adapterview的个性化显示布局id
getDataList();
reload(List models);
add(model model);
addAll(List models);
render(Model model,View view,int position);//重复利用ViewHolder提升getView方法的性能
getCount();
getItem(int position);
getItemId(int position);
class ViewHolder{}
getView(int position,View convertView,ViewGroup parent);

//将一特定的数据格式添加到view中
protected void render(LinkModel linkmodel,View view,int position){
     final LinkModel item=linkmodel;
     ViewHolder viewHolder=(ViewHolder)view.getTag();
     //重复利用视图组件，将视图组件存储到装载对象中
     if(viewHolder==null){
         viewHolder=new ViewHolder();
        viewHolder.app_layout= (FrameLayout)view.findViewById(R.id.iv_app_layout);
        viewHolder.app_icon_layout=(LinearLayout)view.findViewById(R.id.app_icon_layout);
        viewHolder.app_log_iv=(ImageView)view.findViewById(R.id.ic_app_ico);
        viewHolder.app_name_tv=(TextView)view.findViewById(R.id.ic_app_name);
        view.setTag(viewHolder);
     }else{
         viewHolder=(ViewHolder)view.getTag();
     }
     if(item!=null){
         viewHolder.app_log_iv.setImageResource(R.drawable.app_img_app_normal);
         viewHolder.app_name_tv.setText(item.name);
         if (ImageCache.getInstance(mCacheSize).isCache(item.photoUrl)) {
             viewHolder.app_log_iv.setImageBitmap(ImageCache.getInstance(mCacheSize).getBitmapFromMemCache(item.photoUrl));
            }else{
        //后台线程异步下载图片,Token在这里指定了imageview的实例
         mThumbnailThread.queueThumbnail(viewHolder.app_log_iv, item.photoUrl);
            }
    }
}

在AsyncTask中将后台的json数据封装到实体对象,通过上述的adapter.addAll(List models)注入到adapter中.

3.HandlerThread，Hander,Message异步消息机制

定义ThunbnailDownloader类,用来通过发送下载请求消息,从另一个线程去后台下载并通过与前台UI线程交互加载.

public class ThumbnailDownLoader<Token> extends HandlerThread {
    private static final String TAG="ThumbnailDownLoader";
    private static final int MESSAGE_DOWNLOAD=0;
    private Handler mHandler;
    private String requestToken;
    private int mCacheSize;
    Map<Token,String> requestMap= Collections.synchronizedMap(new HashMap<Token,String>());
    /**
     * 主线程中的Handler对象
     * */
    Handler mRespoonseHandler;
    //回调接口变量
    Listener<Token> mListener;

    /**
     * 用于通信的监听器接口
     * 当下载完要执行的事情：将图片加载到UI线程的ImageView
     * */
    public interface Listener<Token>{
        /**
         * 后台线程的输出,将下载的图片指定给前台的ImageView
         * @param token 存放图片的容器
         * @param thumbnail 图片格式
         * */
        void onThumbnailDownloaded(Token token,Bitmap thumbnail);
    }

    public void setListener(Listener<Token> listener){
        mListener=listener;
    }

    public ThumbnailDownLoader(String requesttoken){
        super(TAG);
        this.requestToken=requesttoken;
    }

    /**
     * 主线程传递的Handler
     * @param responseHandler 前台UI线程handler
     * @param requesttoken 远程下载请求的token
     * @param cacheSize 缓存大小
     * */
    public ThumbnailDownLoader(Handler responseHandler,String requesttoken,int cacheSize){
        super(TAG);
        mRespoonseHandler=responseHandler;
        this.requestToken=requesttoken;
        this.mCacheSize=cacheSize;
    }
/**
 * 该方法的调用发生在Looper第一次检查消息队列之前
 * */

 @SuppressLint("handlerLeak")
 @Override
 protected void onLooperPrepared(){
    mHandler=new Handler(){
    //looper取得消息队列中的特定消息,回调方法根据消息what属性进行处理
      public void handleMessage(Message msg){
        if(msg.what==MESSAGE_DOWNLOAD){
            @SuppressWarnings("unchecked")
            Token token=(Token)msg.obj;//Handler.obtainMessage(msg,obj);通过Handler发送Message传递了message.obj,这里处理消息时,可以获取obj,属于约定内容。
            Log.i(TAG,"Got a request for url:"+requestMap.get(token));
            handleRequest(token,requestToken);
        }
      }
    };
 }
 /**
  * 发送message请求下载图片,将URL和Token传递到同步hashMap中
  * 在调用getView()的时候请求下载
  * @param token 前台交互的UI控件
  * @param url 前台指定的下载地址
  * */
    public void queueThumbnail(Token token,String url){
        Log.i(TAG,"Got to URL:"+url);
        requestMap.put(token,url);//调用getview()的时候调用
        Message message=mHandler.obtainMessage(MESSAGE_DOWNLOAD,token);//创建信息并传入消息字段,自动完成目标handler的设置
        message.sendToTarget();//将消息压入消息队列
    }

    /**
     * 远程下载图片，将后台下载的图片加载到前台UI的ImageView中
     * @param token 泛型参数，这里指前台的ImageView
     * */
    private void handleRequest(final Token token,final String requestToken){
        try{
            final String url=requestMap.get(token);
            if(url==null)
            return;
            byte[] bitmapBytes=new ImageLoaderUtils().getUrlBytes(url,requestToken);
           // final Bitmap bitmap= BitmapFactory.decodeByteArray(bitmapBytes,0,bitmapBytes.length);
            final Bitmap bitmap=  ImageCompress.decodeSampleBitmapFromBytes(bitmapBytes, 54, 54);//图片压缩
            ImageCache.getInstance(mCacheSize).addBitmapToMemoryCache(url, bitmap);
            Log.i(TAG,"Bitmap created");
            //此处定义了主线程在后台线程交互操作的UI处理
            mRespoonseHandler.post(new Runnable(){
                public void run(){
                    if(requestMap.get(token)!=url) return;
                    requestMap.remove(token);//
                    Bitmap cachebitmap =ImageCache.getInstance(mCacheSize).getBitmapFromMemCache(url);
                    if(cachebitmap!=null)
                        mListener.onThumbnailDownloaded(token,cachebitmap);
                    else{
                          mListener.onThumbnailDownloaded(token,bitmap);
                    }
                }
            });

        }catch(IOException ioe){
            Log.e(TAG,"Error downloading image",ioe);
        }
    }

    public void clearQueue(){
        mHandler.removeMessages(MESSAGE_DOWNLOAD);
        requestMap.clear();
    }
}

说明:HandlerThread是一个消息通知处理线程类

onLooperPrepared();//初始化Handler的地方,因为此处在HandlerThread初始化后,进入Loop()之前就会调用的方法,在这里初始化Handler有助于在消息发送之前handler已经初始化.

Handler

handlleMessage(Message msg);//根据消息的类别和消息附带的参数进行异步下载

handler.obtainMessage(String msg,object) //构建一个Message对象

message.sendToTarget();//将消息发送到消息队列

handler.removeMessages(String msg);//清除该消息,释放资源

如何与前台UI线程交互

已经将image下载下来了,要填充到UI线程的Imageview中,这就需要与前台交互,没错,前台UI线程也有Handler,而且只有一个,将前台的handler传递到后台共享

/**
 * 主线程中的Handler对象
 *
Handler mRespoonseHandler;
/**
     * 主线程传递的Handler
     * @param responseHandler 前台UI线程handler
     * @param requesttoken 远程下载请求的token
     * @param cacheSize 缓存大小
     * */
public ThumbnailDownLoader(Handler responseHandler,String requesttoken,int cacheSize){
    super(TAG);
    mRespoonseHandler=responseHandler;
    this.requestToken=requesttoken;
    this.mCacheSize=cacheSize;
}

在下载完图片后,通过handler.post();方法与前台UI交互


//此处定义了主线程在后台线程交互操作的UI处理
    mRespoonseHandler.post(new Runnable(){
        public void run(){
            if(requestMap.get(token)!=url) return;
            requestMap.remove(token);//
            Bitmap cachebitmap =ImageCache.getInstance(mCacheSize).getBitmapFromMemCache(url);
            if(cachebitmap!=null)
                mListener.onThumbnailDownloaded(token,cachebitmap);//回调接口方法
            else{
                  mListener.onThumbnailDownloaded(token,bitmap);
            }
        }
    });

Listener mListener;//回调接口对象,下载图片后,定义行为将图片设置到imageview

/**
 * 用于通信的监听器接口
 * 当下载完要执行的事情：将图片加载到UI线程的ImageView
 * */
public interface Listener<Token>{
    /**
     * 后台线程的输出,将下载的图片指定给前台的ImageView
     * @param token 存放图片的容器
     * @param thumbnail 图片格式
     * */
    void onThumbnailDownloaded(Token token,Bitmap thumbnail);
}

public void setListener(Listener<Token> listener){
    mListener=listener;
}

回到主线程UI

因此在UI线程中,做两件事,初始化HandlerThread,实现回调接口

  //初始化后台线程下载图片
mThumbnailThread = new ThumbnailDownLoader<ImageView>(new Handler(),token,mCacheSize);//与主线程Looper绑定的Handler
mThumbnailThread.setListener(new ThumbnailDownLoader.Listener<ImageView>() {
    public void onThumbnailDownloaded(ImageView imageView, Bitmap thumbnail) {
        if (true) {
            //给ImageView设置图片Bitmap
            imageView.setImageBitmap(thumbnail);
        }
    }
});
mThumbnailThread.start();
mThumbnailThread.getLooper();

如何触发异步下载

我们要实现的效果是,下拉gridview时,自动下载图片并加载到gridview里的imageview视图,所以我们将焦点回到adapter.getView()方法里,要实现这个功能,需要两个重要参数传递到HandlerThread中

当前的Imageview实例和需要下载的图片URL

mThumbnailThread.queueThumbnail(viewHolder.app_log_iv, item.photoUrl);

4.LurCache缓存,对图片进行缓存处理

主要使用了LruCache


int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
// 使用最大可用内存值的1/8作为缓存的大小。
mCacheSize = maxMemory / 8;  
/**
 * 图片缓存
 * */
public class ImageCache {
    private static ImageCache instance;

    /**
     * 实例化，缓存大小
     */
    public static ImageCache getInstance(int cacheSize) {
        if (instance == null) {
            synchronized (ImageCache.class) {
                if (instance == null) {
                    instance = new ImageCache(cacheSize);
                }
            }
        }
        return instance;
    }
    private LruCache<String,Bitmap> mMemoryCache;
    private ImageCache(int cacheSize){
        mMemoryCache=new LruCache<String,Bitmap>(cacheSize){
            protected int sizeOf(String key,Bitmap bitmap){
                return bitmap.getByteCount()/1024;
            }
        };
    }

    /**
     * 加载到缓存
     * */
    public void addBitmapToMemoryCache(String key,Bitmap bitmap){
        if(getBitmapFromMemCache(key) ==null){
            mMemoryCache.put(key, bitmap);
        }
    }
    /**
     * 从缓存中读取
     * */
    public Bitmap getBitmapFromMemCache(String key){
        return mMemoryCache.get(key);
    }
    /**
     * 检查是否缓存
     * */
    public boolean isCache(String key){
        Bitmap map=mMemoryCache.get(key);
        return map!=null;
    }
}

5.BitmapFactory的压缩图片

ImageCompress.java
/**
     *
     * 加载输入流图片 网络*/
public static Bitmap decodeSampleBitmapFromBytes(byte[] data,int reqWidth,int reqHeight){
    final BitmapFactory.Options options=new BitmapFactory.Options();
    options.inJustDecodeBounds=true;
    //BitmapFactory.decodeResource(resource, resId, options);
    BitmapFactory.decodeByteArray(data, 0, data.length, options);
    options.inSampleSize=calculateInSampleSize(options, reqWidth, reqHeight);
    options.inJustDecodeBounds=false;
    return BitmapFactory.decodeByteArray(data, 0, data.length, options);
}

//怎么压缩呢，按照缩放比例inSamplesize,这个值是可要计算出来的
public static int calculateInSampleSize(BitmapFactory.Options options,int reqWidth,int reqHeight){
    //
    final int height=options.outHeight;
    final int width=options.outWidth;
    int inSampleSize=1;
    if(height>reqHeight || width>reqWidth){
        final int heightRatio=Math.round((float)height/(float)reqHeight);
        final int widthRatio=Math.round((float)width/(float)reqWidth);
        inSampleSize=heightRatio<widthRatio ?heightRatio:widthRatio;
    }
    return inSampleSize;
}

参考资料

1.http://blog.csdn.net/guolin_blog/article/details/9526203 Android照片墙应用实现，再多的图片也不怕崩溃
2 http://blog.csdn.net/guolin_blog/article/details/9316683 Android高效加载大图、多图解决方案，有效避免程序OOM
3.android开发编程权威指南
时间： 2024-10-25 19:07:00

异步下载照片墙的相关文章

UI_18 图片异步下载、KVO

一.异步下载图片ImageViewDownloader 图?下载是iOS开发中常?的功能,但系统并未提供图?下载类. 为了便于后续使?,可以将图?下载封装到?个类?? (ImageDownloader) 新建SingleViewApplication,使用默认的Storyboard,向其中添加一个Button一个ImageView并关联属性.添加事件.点击Button实现异步下载并显示图片.AsynImageDownloader类封装了下载图片的方法. 使用代理进行AsynImageDownlo

android开发步步为营之67:使用android开源项目android-async-http异步下载文件

android-async-http项目地址 https://github.com/loopj/android-async-http,android-async-http顾名思义是异步的http请求,不过它也支持同步请求的,本文主要使用了android-async-http做异步请求下载文件.每当app需要更新新版本的时候,就需要用到下载功能的,经研究android-async-http这个第三方开源项目还是挺好用的,这里介绍给大家.     1.下载类DownloadManager.java

Android多线程分析之一：使用Thread异步下载图像

罗朝辉 (http://blog.csdn.net/kesalin) CC 许可,转载请注明出处 打算整理一下对 Android Framework 中多线程相关知识的理解,主要集中在 Framework 层的 Thread, Handler, Looper, MessageQueue, Message, AysncTask,当然不可避免地要涉及到 native 方法,因此也会分析 dalvik 中和线程以及消息处理相关的代码:如 dalvik 中的 C++ Thread 类以及 Message

Android多线程分析之五：使用AsyncTask异步下载图像

Android多线程分析之五:使用AsyncTask异步下载图像 罗朝辉 (http://blog.csdn.net/kesalin) CC 许可,转载请注明出处 在本系列文章的第一篇<Android多线程分析之中的一个:使用Thread异步下载图像>中.曾演示了怎样使用 Thread 来完毕异步任务. Android 为了简化在 UI 线程中完毕异步任务(毕竟 UI 线程是 app 最重要的线程).实现了一个名为 AysncTask 的模板类.使用 AysncTask 能够在异步任务进行的同

winform自动更新并实现文件的批量异步下载

public partial class update : Form    {        private WebClient client;        int downfilenum = 0; //已下载文件数        int downlistnum = 0;//总下载文件数        List<string> list;        private string URl;        private string fileName;        private con

网络数据的下载（NSUrlconnection异步下载和NSstring同步下载）和UI界面数据的刷新（都是抛弃第三方库的一些本质）

<1>NSString同步下载        //字符串的类方法,会根据url向服务器发起同步的数据请求,并将请求结果作为返回值    //同步请求数据,会对程序的UI主线程造成阻塞,用户体验极差 NSString *str = [NSString stringWithContentsOfURL:[NSURL URLWithString:kUrl] encoding:NSUTF8StringEncoding error:nil];    //json格式的数据 进行json解析 数据最外层是

javascript异步下载 Promise实现

一般下载都是直接打开一个链接就行.var URL = 'XXXX';window.open(URL)其实这样会有些问题:1. 浏览器禁止打开新窗口,导致无法下载 那么怎么解决呢?这样: 1 <a href="http://somehost/somefile.zip" download="filename.zip">Download file</a> 注意download属性,它说明要下载,并且文件名:filename.zip 那么如何异步下载

进击的UI---------------------沙盒,复杂对象写入&amp;KVO,图片的异步下载

第十八节笔记 1.SandBox 2复杂对象写入 第十七节笔记 1KVO 2图片异步下载

swift详解之十四 -----------NSThread 异步下载图片

NSThread 异步下载图片 在IOS中处理多线程有三个方案 , NSThread .NSOperation .GCD .当然GCD应该是最方便的 ,我们一个一个学 .先理解底层的,最后再使用最方便的 . NSThread: 优点:NSThread 比其他两个轻量级 缺点:需要自己管理线程的生命周期,线程同步.线程同步对数据的加锁会有一定的系统开销 我们先研究下用NSThread 异步加载网络图片 : NSThread有两种创建方式 ,一种是通过实例方法.一种是通过类方法. let threa