当前位置:  编程技术>移动开发

Android 异步加载图片分析总结

    来源: 互联网  发布时间：2014-10-17

    本文导语:  研究了android从网络上异步加载图像，现总结如下： （1）由于android UI更新支持单一线程原则，所以从网络上取数据并更新到界面上，为了不阻塞主线程首先可能会想到以下方法。 在主线程中new 一个Handler对象，加载图像方法如...

研究了android从网络上异步加载图像，现总结如下：
（1）由于android UI更新支持单一线程原则，所以从网络上取数据并更新到界面上，为了不阻塞主线程首先可能会想到以下方法。

在主线程中new 一个Handler对象，加载图像方法如下所示

代码如下:

private void loadImage(final String url, final int id) {
handler.post(new Runnable() {
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(/tech-mobile-dev/url/index.html).openStream(), "image.png");
} catch (IOException e) {
}
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
}

上面这个方法缺点很显然，经测试，如果要加载多个图片，这并不能实现异步加载，而是等到所有的图片都加载完才一起显示，因为它们都运行在一个线程中。

然后，我们可以简单改进下，将Handler+Runnable模式改为Handler+Thread+Message模式不就能实现同时开启多个线程吗？
（2）在主线程中new 一个Handler对象，代码如下：
代码如下:

final Handler handler2=new Handler(){
@Override
public void handleMessage(Message msg) {
((ImageView) LazyLoadImageActivity.this.findViewById(msg.arg1)).setImageDrawable((Drawable)msg.obj);
}
};

对应加载图像代码如下：
代码如下:

//采用handler+Thread模式实现多线程异步加载
private void loadImage2(final String url, final int id) {
Thread thread = new Thread(){
@Override
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(/tech-mobile-dev/url/index.html).openStream(), "image.png");
} catch (IOException e) {
}
 
Message message= handler2.obtainMessage() ;
message.arg1 = id;
message.obj = drawable;
handler2.sendMessage(message);
}
};
thread.start();
thread = null;
}

这样就简单实现了异步加载了。细想一下，还可以优化的，比如引入线程池、引入缓存等，我们先介绍线程池。
（3）引入ExecutorService接口，于是代码可以优化如下：
在主线程中加入：private ExecutorService executorService = Executors.newFixedThreadPool(5);
对应加载图像方法更改如下：
代码如下:

// 引入线程池来管理多线程
private void loadImage3(final String url, final int id) {
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(/tech-mobile-dev/url/index.html).openStream(), "image.png");
handler.post(new Runnable() {
 
public void run() {
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
}

4）为了更方便使用我们可以将异步加载图像方法封装一个类，对外界只暴露一个方法即可，考虑到效率问题我们可以引入内存缓存机制，做法是建立一个HashMap，其键（key）为加载图像url，其值（value）是图像对象Drawable。先看一下我们封装的类
代码如下:

public class AsyncImageLoader3 {
//为了加快速度，在内存中开启缓存（主要应用于重复图片较多时，或者同一个图片要多次被访问，比如在ListView时来回滚动）
public Map imageCache = new HashMap();
private ExecutorService executorService = Executors.newFixedThreadPool(5); //固定五个线程来执行任务
private final Handler handler=new Handler();
 
/**
*
* @param imageUrl 图像url地址
* @param callback 回调接口
* @return 返回内存中缓存的图像，第一次加载返回null
*/
public Drawable loadDrawable(final String imageUrl, final ImageCallback callback) {
//如果缓存过就从缓存中取出数据
if (imageCache.containsKey(imageUrl)) {
SoftReference softReference = imageCache.get(imageUrl);
if (softReference.get() != null) {
return softReference.get();
}
}
//缓存中没有图像，则从网络上取出数据，并将取出的数据缓存到内存中
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(/tech-mobile-dev/imageUrl/index.html).openStream(), "image.png");
 
imageCache.put(imageUrl, new SoftReference(drawable));
 
handler.post(new Runnable() {
public void run() {
callback.imageLoaded(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
return null;
}
//从网络上取数据方法
protected Drawable loadImageFromUrl(/tech-mobile-dev/String imageUrl/index.html) {
try {
return Drawable.createFromStream(new URL(/tech-mobile-dev/imageUrl/index.html).openStream(), "image.png");
} catch (Exception e) {
throw new RuntimeException(e);
}
}
//对外界开放的回调接口
public interface ImageCallback {
//注意 此方法是用来设置目标对象的图像资源
public void imageLoaded(Drawable imageDrawable);
}
}

这样封装好后使用起来就方便多了。在主线程中首先要引入AsyncImageLoader3 对象，然后直接调用其loadDrawable方法即可，需要注意的是ImageCallback接口的imageLoaded方法是唯一可以把加载的图 像设置到目标ImageView或其相关的组件上。

在主线程调用代码：
先实例化对象 private AsyncImageLoader3 asyncImageLoader3 = new AsyncImageLoader3();
调用异步加载方法：
代码如下:

//引入线程池，并引入内存缓存功能,并对外部调用封装了接口，简化调用过程
private void loadImage4(final String url, final int id) {
//如果缓存过就会从缓存中取出图像，ImageCallback接口中方法也不会被执行
Drawable cacheImage = asyncImageLoader.loadDrawable(url,new AsyncImageLoader.ImageCallback() {
//请参见实现：如果第一次加载url时下面方法会执行
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}

5）同理，下面也给出采用Thread+Handler+MessageQueue+内存缓存代码，原则同（4），只是把线程池换成了Thread+Handler+MessageQueue模式而已。代码如下：
代码如下:

public class AsyncImageLoader {
//为了加快速度，加入了缓存（主要应用于重复图片较多时，或者同一个图片要多次被访问，比如在ListView时来回滚动）
private Map imageCache = new HashMap();
 
/**
*
* @param imageUrl 图像url地址
* @param callback 回调接口
* @return 返回内存中缓存的图像，第一次加载返回null
*/
public Drawable loadDrawable(final String imageUrl, final ImageCallback callback) {
//如果缓存过就从缓存中取出数据
if (imageCache.containsKey(imageUrl)) {
SoftReference softReference = imageCache.get(imageUrl);
if (softReference.get() != null) {
return softReference.get();
}
}
 
final Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
callback.imageLoaded((Drawable) msg.obj);
}
};
new Thread() {
public void run() {
Drawable drawable = loadImageFromUrl(imageUrl);
imageCache.put(imageUrl, new SoftReference(drawable));
handler.sendMessage(handler.obtainMessage(0, drawable));
 
}
 
}.start();
/*
下面注释的这段代码是Handler的一种代替方法
*/
// new AsyncTask() {
// @Override
// protected Drawable doInBackground(Object... objects) {
// Drawable drawable = loadImageFromUrl(imageUrl);
// imageCache.put(imageUrl, new SoftReference(drawable));
// return drawable;
// }
//
// @Override
// protected void onPostExecute(Object o) {
// callback.imageLoaded((Drawable) o);
// }
// }.execute();
return null;
}
 
protected Drawable loadImageFromUrl(/tech-mobile-dev/String imageUrl/index.html) {
try {
return Drawable.createFromStream(new URL(/tech-mobile-dev/imageUrl/index.html).openStream(), "src");
} catch (Exception e) {
throw new RuntimeException(e);
}
}
//对外界开放的回调接口
public interface ImageCallback {
public void imageLoaded(Drawable imageDrawable);
}
}

至此，异步加载就介绍完了，下面给出的代码为测试用的完整代码：
代码如下:

package com.bshark.supertelphone.activity;
 
import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ImageView;
import com.bshark.supertelphone.R;
import com.bshark.supertelphone.ui.adapter.util.AsyncImageLoader;
import com.bshark.supertelphone.ui.adapter.util.AsyncImageLoader3;
 
import java.io.IOException;
import java.net.URL;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
 
public class LazyLoadImageActivity extends Activity {
final Handler handler=new Handler();
final Handler handler2=new Handler(){
@Override
public void handleMessage(Message msg) {
((ImageView) LazyLoadImageActivity.this.findViewById(msg.arg1)).setImageDrawable((Drawable)msg.obj);
}
};
private ExecutorService executorService = Executors.newFixedThreadPool(5); //固定五个线程来执行任务
private AsyncImageLoader asyncImageLoader = new AsyncImageLoader();
private AsyncImageLoader3 asyncImageLoader3 = new AsyncImageLoader3();
 
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
 
// loadImage("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// loadImage("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// loadImage("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// loadImage("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// loadImage("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
 
loadImage2("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
loadImage2("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
loadImage2("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
loadImage2("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
loadImage2("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
// loadImage3("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// loadImage3("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// loadImage3("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// loadImage3("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// loadImage3("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
 
// loadImage4("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// loadImage4("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// loadImage4("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// loadImage4("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// loadImage4("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
 
// loadImage5("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// //为了测试缓存而模拟的网络延时
// SystemClock.sleep(2000);
// loadImage5("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// SystemClock.sleep(2000);
// loadImage5("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// SystemClock.sleep(2000);
// loadImage5("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// SystemClock.sleep(2000);
// loadImage5("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
// SystemClock.sleep(2000);
// loadImage5("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
}
 
@Override
protected void onDestroy() {
executorService.shutdown();
super.onDestroy();
}
//线程加载图像基本原理
private void loadImage(final String url, final int id) {
handler.post(new Runnable() {
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(/tech-mobile-dev/url/index.html).openStream(), "image.png");
} catch (IOException e) {
}
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
}
//采用handler+Thread模式实现多线程异步加载
private void loadImage2(final String url, final int id) {
Thread thread = new Thread(){
@Override
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(/tech-mobile-dev/url/index.html).openStream(), "image.png");
} catch (IOException e) {
}
 
Message message= handler2.obtainMessage() ;
message.arg1 = id;
message.obj = drawable;
handler2.sendMessage(message);
}
};
thread.start();
thread = null;
}
// 引入线程池来管理多线程
private void loadImage3(final String url, final int id) {
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(/tech-mobile-dev/url/index.html).openStream(), "image.png");
handler.post(new Runnable() {
 
public void run() {
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
}
//引入线程池，并引入内存缓存功能,并对外部调用封装了接口，简化调用过程
private void loadImage4(final String url, final int id) {
//如果缓存过就会从缓存中取出图像，ImageCallback接口中方法也不会被执行
Drawable cacheImage = asyncImageLoader.loadDrawable(url,new AsyncImageLoader.ImageCallback() {
//请参见实现：如果第一次加载url时下面方法会执行
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}
 
//采用Handler+Thread+封装外部接口
private void loadImage5(final String url, final int id) {
//如果缓存过就会从缓存中取出图像，ImageCallback接口中方法也不会被执行
Drawable cacheImage = asyncImageLoader3.loadDrawable(url,new AsyncImageLoader3.ImageCallback() {
//请参见实现：如果第一次加载url时下面方法会执行
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}
 
 
}

xml文件大致如下：
代码如下:

< ?xml version="1.0" encoding="utf-8"?>
 
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:orientation="vertical"
android:layout_height="fill_parent" >





< /LinearLayout>

    
 
 

您可能感兴趣的文章:

  • 异步 HTTP 客户端开发包 android-async-http
  • Android加载对话框同时异步执行实现方法
  • android在异步任务中关闭Cursor的代码方法
  • android开发教程之handler异步更新ui
  • Android中BroadcastReceiver(异步接收广播Intent)的使用
  • Android 异步加载图片的实例代码
  • android异步请求服务器数据示例
  • Android 异步获取网络图片并处理导致内存溢出问题解决方法
  • android开发教程之handle实现多线程和异步处理
  • android异步加载图片并缓存到本地实现方法
  • Android多线程及异步处理问题详细探讨
  • android异步任务设计思详解(AsyncTask)
  • Android 图片加载和缓存库 Glide
  • Android 中动态加载.jar的实现步骤
  • Android中自定义加载样式图片的具体实现
  • android动态加载布局文件示例
  • android判断phonegap是否联网且加载super.loadUrl网址
  • 基于android示例程序(bitmapfun) 高效加载图片让人无语地方
  • Android 游戏引擎libgdx 资源加载进度百分比显示案例分析
  • Android 自定义标题栏 显示网页加载进度的方法实例
  • Android加载大分辨率图片到手机内存中的实例方法
  • 基于Android ListView之加载使用技巧
  • Android实现加载广告图片和倒计时的开屏布局
  • android 加载本地联系人实现方法
  • android WebView加载html5介绍
    •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。












  • 相关文章推荐
  • Android开发需要的几点注意事项总结
  • Android-屏幕适配需要注意的地方总结
  • android图像绘制(七)ClipRect局部绘图/切割原图绘制总结
  • Android4.2中全屏或者取消标题栏的方法总结
  • Android实现Back功能代码片段总结
  • Android 退出程序的若干方法总结
  • Android Mms之:对话与联系人关联的总结详解
  • Android按钮单击事件的四种常用写法总结
  • Android编程中避免内存泄露的方法总结
  • Android点击Button实现功能的几种方法总结
  • 基于android startActivityForResult的学习心得总结
  • android ImageView 的几点经验总结
  • Android实用的代码片段 常用代码总结
  • android WebView组件使用总结
  • Android中的脑残设计总结
  • android操作XML的几种方法总结
  • 基于Android ContentProvider的总结详解
  • android notification 的总结分析
  • Android中的JSON详细总结
  • Android中的Service相关全面总结
  • 申请Android Map 的API Key(v2)的最新申请方式(SHA1密钥)
  • Android瀑布流实例 android_waterfall
  • android 4.0 托管进程介绍及优先级和回收机制
  • Android系统自带样式 (android:theme)
  • Android访问与手机通讯相关类的介绍
  • Android网络共享软件 Android Wifi Tether
  • Android及andriod无线网络Wifi开发的几点注意事项
  • Android 图标库 Android GraphView
  • Android 2.3 下StrictMode介绍
  • 轻量级Android开发工具 Android Tools
  • Android 开发环境 Android Studio


    • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除！

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3