Android 異步加載圖片分析總結(jié)
更新時間：2013年06月03日 16:18:29 作者：
研究了android從網(wǎng)絡(luò)上異步加載圖像，現(xiàn)總結(jié)如下，感興趣的朋友可以了解下哈
研究了android從網(wǎng)絡(luò)上異步加載圖像，現(xiàn)總結(jié)如下：
（1）由于android UI更新支持單一線程原則，所以從網(wǎng)絡(luò)上取數(shù)據(jù)并更新到界面上，為了不阻塞主線程首先可能會想到以下方法。
在主線程中new 一個Handler對象，加載圖像方法如下所示
復(fù)制代碼 代碼如下:
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(url).openStream(), "image.png");
} catch (IOException e) {
}
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
}
上面這個方法缺點很顯然，經(jīng)測試，如果要加載多個圖片，這并不能實現(xiàn)異步加載，而是等到所有的圖片都加載完才一起顯示，因為它們都運行在一個線程中。
然后，我們可以簡單改進(jìn)下，將Handler+Runnable模式改為Handler+Thread+Message模式不就能實現(xiàn)同時開啟多個線程嗎？
（2）在主線程中new 一個Handler對象，代碼如下：
復(fù)制代碼 代碼如下:
final Handler handler2=new Handler(){
@Override
public void handleMessage(Message msg) {
((ImageView) LazyLoadImageActivity.this.findViewById(msg.arg1)).setImageDrawable((Drawable)msg.obj);
}
};
對應(yīng)加載圖像代碼如下：
復(fù)制代碼 代碼如下:
//采用handler+Thread模式實現(xiàn)多線程異步加載
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(url).openStream(), "image.png");
} catch (IOException e) {
}
Message message= handler2.obtainMessage() ;
message.arg1 = id;
message.obj = drawable;
handler2.sendMessage(message);
}
};
thread.start();
thread = null;
}
這樣就簡單實現(xiàn)了異步加載了。細(xì)想一下，還可以優(yōu)化的，比如引入線程池、引入緩存等，我們先介紹線程池。
（3）引入ExecutorService接口，于是代碼可以優(yōu)化如下：
在主線程中加入：private ExecutorService executorService = Executors.newFixedThreadPool(5);
對應(yīng)加載圖像方法更改如下：
復(fù)制代碼 代碼如下:
// 引入線程池來管理多線程
private void loadImage3(final String url, final int id) {
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(url).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）為了更方便使用我們可以將異步加載圖像方法封裝一個類，對外界只暴露一個方法即可，考慮到效率問題我們可以引入內(nèi)存緩存機(jī)制，做法是建立一個HashMap，其鍵（key）為加載圖像url，其值（value）是圖像對象Drawable。先看一下我們封裝的類
復(fù)制代碼 代碼如下:
public class AsyncImageLoader3 {
//為了加快速度，在內(nèi)存中開啟緩存（主要應(yīng)用于重復(fù)圖片較多時，或者同一個圖片要多次被訪問，比如在ListView時來回滾動）
public Map<String, SoftReference<Drawable>> imageCache = new HashMap<String, SoftReference<Drawable>>();
private ExecutorService executorService = Executors.newFixedThreadPool(5); //固定五個線程來執(zhí)行任務(wù)
private final Handler handler=new Handler();
/**
*
* @param imageUrl 圖像url地址
* @param callback 回調(diào)接口
* <a href="\"http://www.eoeandroid.com/home.php?mod=space&uid=7300\"" target="\"_blank\"">@return</a> 返回內(nèi)存中緩存的圖像，第一次加載返回null
*/
public Drawable loadDrawable(final String imageUrl, final ImageCallback callback) {
//如果緩存過就從緩存中取出數(shù)據(jù)
if (imageCache.containsKey(imageUrl)) {
SoftReference<Drawable> softReference = imageCache.get(imageUrl);
if (softReference.get() != null) {
return softReference.get();
}
}
//緩存中沒有圖像，則從網(wǎng)絡(luò)上取出數(shù)據(jù)，并將取出的數(shù)據(jù)緩存到內(nèi)存中
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(imageUrl).openStream(), "image.png");
imageCache.put(imageUrl, new SoftReference<Drawable>(drawable));
handler.post(new Runnable() {
public void run() {
callback.imageLoaded(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
return null;
}
//從網(wǎng)絡(luò)上取數(shù)據(jù)方法
protected Drawable loadImageFromUrl(String imageUrl) {
try {
return Drawable.createFromStream(new URL(imageUrl).openStream(), "image.png");
} catch (Exception e) {
throw new RuntimeException(e);
}
}
//對外界開放的回調(diào)接口
public interface ImageCallback {
//注意 此方法是用來設(shè)置目標(biāo)對象的圖像資源
public void imageLoaded(Drawable imageDrawable);
}
}
這樣封裝好后使用起來就方便多了。在主線程中首先要引入AsyncImageLoader3 對象，然后直接調(diào)用其loadDrawable方法即可，需要注意的是ImageCallback接口的imageLoaded方法是唯一可以把加載的圖 像設(shè)置到目標(biāo)ImageView或其相關(guān)的組件上。
在主線程調(diào)用代碼：
先實例化對象 private AsyncImageLoader3 asyncImageLoader3 = new AsyncImageLoader3();
調(diào)用異步加載方法：
復(fù)制代碼 代碼如下:
//引入線程池，并引入內(nèi)存緩存功能,并對外部調(diào)用封裝了接口，簡化調(diào)用過程
private void loadImage4(final String url, final int id) {
//如果緩存過就會從緩存中取出圖像，ImageCallback接口中方法也不會被執(zhí)行
Drawable cacheImage = asyncImageLoader.loadDrawable(url,new AsyncImageLoader.ImageCallback() {
//請參見實現(xiàn)：如果第一次加載url時下面方法會執(zhí)行
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}
5）同理，下面也給出采用Thread+Handler+MessageQueue+內(nèi)存緩存代碼，原則同（4），只是把線程池?fù)Q成了Thread+Handler+MessageQueue模式而已。代碼如下：
復(fù)制代碼 代碼如下:
public class AsyncImageLoader {
//為了加快速度，加入了緩存（主要應(yīng)用于重復(fù)圖片較多時，或者同一個圖片要多次被訪問，比如在ListView時來回滾動）
private Map<String, SoftReference<Drawable>> imageCache = new HashMap<String, SoftReference<Drawable>>();
/**
*
* @param imageUrl 圖像url地址
* @param callback 回調(diào)接口
* @return 返回內(nèi)存中緩存的圖像，第一次加載返回null
*/
public Drawable loadDrawable(final String imageUrl, final ImageCallback callback) {
//如果緩存過就從緩存中取出數(shù)據(jù)
if (imageCache.containsKey(imageUrl)) {
SoftReference<Drawable> 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>(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>(drawable));
// return drawable;
// }
//
// @Override
// protected void onPostExecute(Object o) {
// callback.imageLoaded((Drawable) o);
// }
// }.execute();
return null;
}
protected Drawable loadImageFromUrl(String imageUrl) {
try {
return Drawable.createFromStream(new URL(imageUrl).openStream(), "src");
} catch (Exception e) {
throw new RuntimeException(e);
}
}
//對外界開放的回調(diào)接口
public interface ImageCallback {
public void imageLoaded(Drawable imageDrawable);
}
}
至此，異步加載就介紹完了，下面給出的代碼為測試用的完整代碼：
復(fù)制代碼 代碼如下:
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); //固定五個線程來執(zhí)行任務(wù)
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);
// //為了測試緩存而模擬的網(wǎng)絡(luò)延時
// 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(url).openStream(), "image.png");
} catch (IOException e) {
}
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
}
//采用handler+Thread模式實現(xiàn)多線程異步加載
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(url).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(url).openStream(), "image.png");
handler.post(new Runnable() {
public void run() {
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
}
//引入線程池，并引入內(nèi)存緩存功能,并對外部調(diào)用封裝了接口，簡化調(diào)用過程
private void loadImage4(final String url, final int id) {
//如果緩存過就會從緩存中取出圖像，ImageCallback接口中方法也不會被執(zhí)行
Drawable cacheImage = asyncImageLoader.loadDrawable(url,new AsyncImageLoader.ImageCallback() {
//請參見實現(xiàn)：如果第一次加載url時下面方法會執(zhí)行
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接口中方法也不會被執(zhí)行
Drawable cacheImage = asyncImageLoader3.loadDrawable(url,new AsyncImageLoader3.ImageCallback() {
//請參見實現(xiàn)：如果第一次加載url時下面方法會執(zhí)行
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}
}
xml文件大致如下：
復(fù)制代碼 代碼如下:
<SPAN style="FONT-SIZE: 18px"><STRONG>< ?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" >
<ImageView android:id="@+id/image1" android:layout_height="wrap_content" android:layout_width="fill_parent"></ImageView>
<ImageView android:id="@+id/image2" android:layout_height="wrap_content" android:layout_width="fill_parent"></ImageView>
<ImageView android:id="@+id/image3" android:layout_height="wrap_content" android:layout_width="fill_parent"></ImageView>
<ImageView android:id="@+id/image5" android:layout_height="wrap_content" android:layout_width="fill_parent"></ImageView>
<ImageView android:id="@+id/image4" android:layout_height="wrap_content" android:layout_width="fill_parent"></ImageView>
< /LinearLayout></STRONG></SPAN>
您可能感興趣的文章:
- Android中Glide加載庫的圖片緩存配置究極指南
- android異步加載圖片并緩存到本地實現(xiàn)方法
- Android中ListView異步加載圖片錯位、重復(fù)、閃爍問題分析及解決方案
- Android加載大分辨率圖片到手機(jī)內(nèi)存中的實例方法
- Android使用控件ImageView加載圖片的方法
- Android關(guān)于Glide的使用(高斯模糊、加載監(jiān)聽、圓角圖片)
- Android實現(xiàn)加載廣告圖片和倒計時的開屏布局
- Android圖片加載利器之Picasso基本用法
- Android中自定義加載樣式圖片的具體實現(xiàn)
- Android高效安全加載圖片的方法詳解
相關(guān)文章
Android權(quán)限管理之Permission權(quán)限機(jī)制及使用詳解
本篇文章主要介紹了Android權(quán)限管理之Permission權(quán)限機(jī)制及使用，主要講訴了android的權(quán)限使用問題，有需要的可以了解一下。2016-11-11
Android dataBinding與ListView及事件詳解
這篇文章主要介紹了Android dataBinding與ListView及事件詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
Android 8.0 慢充和快充提示語的實現(xiàn)原理
這篇文章主要介紹了Android 8.0 慢充和快充提示語的實現(xiàn)原理，感興趣的朋友跟隨腳本之家小編一起看看吧2018-05-05
這篇文章介紹了Flutter實現(xiàn)漸變色描邊字體效果的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11
這篇文章主要介紹了Android HandlerThread使用方法詳解的相關(guān)資料,通過本文希望能幫助到大家，讓大家掌握理解這部分內(nèi)容，需要的朋友可以參考下2017-10-10
Android Studio項目中導(dǎo)入開源庫的方法
這篇文章主要介紹了Android Studio項目中導(dǎo)入開源庫的方法,即使用第三方庫、第三廣場框架的方法,需要的朋友可以參考下2015-06-06
Android-Zxing實現(xiàn)二維碼的掃描與生成
本文主要介紹了Android中Zxing實現(xiàn)二維碼的掃描與生成的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)接近傳感器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
Android實現(xiàn)輪播圖無限循環(huán)效果
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)輪播圖無限循環(huán)效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
使用RecyclerView實現(xiàn)點贊頭像疊加效果
這篇文章主要為大家詳細(xì)介紹了使用RecyclerView實現(xiàn)點贊頭像疊加效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08