在学习"Android异步加载图像小结"这篇文章时, 发现有些地方没写清楚,我就根据我的理解,把这篇文章的代码重写整理了一遍,下面就是我的整理。
原创整理不易,转载请注明出处:Android异步加载图片中UI是否被阻塞的测试
代码下载地址:http://www.zuidaima.com/share/1724477350611968.htm
下面测试使用的layout文件:
简单来说就是 LinearLayout 布局,其下放了5个ImageView。
01 | <?xml version= "1.0" encoding= "utf-8" ?> |
03 | android:orientation= "vertical" android:layout_width= "fill_parent" |
04 | android:layout_height= "fill_parent" > |
05 | <TextView android:text= "图片区域开始" android:id= "@+id/textView2" |
06 | android:layout_width= "wrap_content" android:layout_height= "wrap_content" ></TextView> |
07 | <ImageView android:id= "@+id/imageView1" |
08 | android:layout_height= "wrap_content" android:src= "@drawable/icon" |
09 | android:layout_width= "wrap_content" ></ImageView> |
10 | <ImageView android:id= "@+id/imageView2" |
11 | android:layout_height= "wrap_content" android:src= "@drawable/icon" |
12 | android:layout_width= "wrap_content" ></ImageView> |
13 | <ImageView android:id= "@+id/imageView3" |
14 | android:layout_height= "wrap_content" android:src= "@drawable/icon" |
15 | android:layout_width= "wrap_content" ></ImageView> |
16 | <ImageView android:id= "@+id/imageView4" |
17 | android:layout_height= "wrap_content" android:src= "@drawable/icon" |
18 | android:layout_width= "wrap_content" ></ImageView> |
19 | <ImageView android:id= "@+id/imageView5" |
20 | android:layout_height= "wrap_content" android:src= "@drawable/icon" |
21 | android:layout_width= "wrap_content" ></ImageView> |
22 | <TextView android:text= "图片区域结束" android:id= "@+id/textView1" |
23 | android:layout_width= "wrap_content" android:layout_height= "wrap_content" ></TextView> |
我们将演示的逻辑是异步从服务器上下载5张不同图片,依次放入这5个ImageView。上下2个TextView 是为了方便我们看是否阻塞了UI的显示。
当然 AndroidManifest.xml 文件中要配置好网络访问权限。
1 | <uses-permission android:name= "android.permission.INTERNET" ></uses-permission> |
Handler+Runnable模式
我们先看一个并不是异步线程加载的例子,使用 Handler+Runnable模式。
这里为何不是新开线程的原因请参看这篇文章:Android Runnable 运行在那个线程 这里的代码其实是在UI 主线程中下载图片的,而不是新开线程。
我们运行下面代码时,会发现他其实是阻塞了整个界面的显示,需要所有图片都加载完成后,才能显示界面。
01 | package com.zuidaima.AndroidTest; |
03 | import java.io.IOException; |
04 | import java.net.URL; import android.app.Activity; |
05 | import android.graphics.drawable.Drawable; |
06 | import android.os.Bundle; |
07 | import android.os.Handler; import android.os.SystemClock; |
08 | import android.util.Log; |
09 | import android.widget.ImageView; |
11 | public class MainActivity extends Activity { |
13 | public void onCreate(Bundle savedInstanceState) { |
14 | super .onCreate(savedInstanceState); |
15 | setContentView(R.layout.main); |
26 | private Handler handler= new Handler(); |
28 | private void loadImage( final String url, final int id) { |
29 | handler.post( new Runnable() { |
31 | Drawable drawable= null ; |
33 | drawable=Drawable.createFromStream( |
34 | new URL(url).openStream(), "image.gif" ); |
35 | } catch (IOException e) { |
36 | Log.d( "test" , e.getMessage()); |
39 | Log.d( "test" , "null drawable" ); |
41 | Log.d( "test" , "not null drawable" ); |
44 | SystemClock.sleep( 2000 ); |
46 | (ImageView) MainActivity. this .findViewById(id)) |
47 | .setImageDrawable(drawable); |
Handler+Thread+Message模式
这种模式使用了线程,所以可以看到异步加载的效果。
核心代码:
01 | package com.zuidaima.AndroidTest; |
03 | import java.io.IOException; |
05 | import android.app.Activity; |
06 | import android.graphics.drawable.Drawable; |
07 | import android.os.Bundle; |
08 | import android.os.Handler; |
09 | import android.os.Message; |
10 | import android.os.SystemClock; |
11 | import android.util.Log; |
12 | import android.widget.ImageView; |
14 | public class MainActivity extends Activity { |
16 | public void onCreate(Bundle savedInstanceState) { |
17 | super .onCreate(savedInstanceState); |
18 | setContentView(R.layout.main); |
29 | final Handler handler2= new Handler() { |
31 | public void handleMessage(Message msg) { |
32 | ((ImageView) MainActivity. this .findViewById(msg.arg1)) |
33 | .setImageDrawable((Drawable) msg.obj); |
38 | private void loadImage2( final String url, final int id) { |
39 | Thread thread= new Thread() { |
42 | Drawable drawable= null ; |
44 | drawable=Drawable.createFromStream( |
45 | new URL(url).openStream(), "image.png" ); |
46 | } catch (IOException e) { |
47 | Log.d( "test" , e.getMessage()); |
51 | SystemClock.sleep( 2000 ); |
53 | Message message=handler2.obtainMessage(); |
56 | handler2.sendMessage(message); |
这时候我们可以看到实现了异步加载, 界面打开时,五个ImageView都是没有图的,然后在各自线程下载完后才把图自动更新上去。
Handler+ExecutorService(线程池)+MessageQueue模式
能开线程的个数毕竟是有限的,我们总不能开很多线程,对于手机更是如此。
这个例子是使用线程池。Android拥有与Java相同的ExecutorService实现,我们就来用它。
线程池的基本思想还是一种对象池的思想,开辟一块内存空间,里面存放了众多(未死亡)的线程,池中线程执行调度由池管理器来处理。当有线程任务时,从池中取一个,执行完成后线程对象归池,这样可以避免反复创建线程对象所带来的性能开销,节省了系统的资源。
线程池的信息可以参看这篇文章: Java&Android的线程池-ExecutorService
下面的演示例子是创建一个可重用固定线程数的线程池。
核心代码
01 | package com.zuidaima.AndroidTest; |
03 | import java.io.IOException; |
05 | import java.util.concurrent.ExecutorService; |
06 | import java.util.concurrent.Executors; |
08 | import android.app.Activity; |
09 | import android.graphics.drawable.Drawable; |
10 | import android.os.Bundle; |
11 | import android.os.Handler; |
12 | import android.os.Message; |
13 | import android.os.SystemClock; |
14 | import android.util.Log; |
15 | import android.widget.ImageView; |
17 | public class MainActivity extends Activity ); |
20 | private void loadImage3( final String url, final int id) { |
21 | executorService.submit( new Runnable() { |
24 | final Drawable drawable=Drawable.createFromStream( |
25 | new URL(url).openStream(), "image.png" ); |
28 | SystemClock.sleep( 2000 ); |
30 | handler.post( new Runnable() { |
32 | ((ImageView) MainActivity. this .findViewById(id)) |
33 | .setImageDrawable(drawable); |
36 | } catch (Exception e) { |
37 | throw new RuntimeException(e); |
这里我们象第一步一样使用了 handler.post(new Runnable() { 更新前段显示当然是在UI主线程,我们还有 executorService.submit(new Runnable() { 来确保下载是在线程池的线程中。
Handler+ExecutorService(线程池)+MessageQueue+缓存模式
下面比起前一个做了几个改造:
把整个代码封装在一个类中
为了避免出现同时多次下载同一幅图的问题,使用了本地缓存 封装的类:
01 | package com.zuidaima.AndroidTest; |
03 | import java.lang.ref.SoftReference; |
04 | import java.net.URL; import java.util.HashMap; |
06 | import java.util.concurrent.ExecutorService; |
07 | import java.util.concurrent.Executors; |
08 | import android.graphics.drawable.Drawable; |
09 | import android.os.Handler; |
10 | import android.os.SystemClock; |
12 | public class AsyncImageLoader3 ); |
15 | private final Handler handler= new Handler(); |
23 | * @return 返回内存中缓存的图像,第一次加载返回null |
25 | public Drawable loadDrawable( final String imageUrl, |
26 | final ImageCallback callback) { |
29 | if (imageCache.containsKey(imageUrl)) { |
30 | SoftReference<Drawable> softReference=imageCache.get(imageUrl); |
31 | if (softReference.get() != null ) { |
32 | return softReference.get(); |
36 | executorService.submit( new Runnable() { |
39 | final Drawable drawable=loadImageFromUrl(imageUrl); |
41 | imageCache.put(imageUrl, new SoftReference<Drawable>( |
44 | handler.post( new Runnable() { |
46 | callback.imageLoaded(drawable); |
49 | } catch (Exception e) { |
50 | throw new RuntimeException(e); |
58 | protected Drawable loadImageFromUrl(String imageUrl) { |
62 | SystemClock.sleep( 2000 ); |
64 | return Drawable.createFromStream( new URL(imageUrl).openStream(), |
67 | } catch (Exception e) { |
68 | throw new RuntimeException(e); |
73 | public interface ImageCallback { |
76 | public void imageLoaded(Drawable imageDrawable); |
说明:
final参数是指当函数参数为final类型时,你可以读取使用该参数,但是无法改变该参数的值。
参看:Java关键字final、static使用总结
这里使用SoftReference 是为了解决内存不足的错误(OutOfMemoryError)的,更详细的可以参看:
内存优化的两个类:SoftReference 和 WeakReference
前端调用:
01 | package com.zuidaima.AndroidTest; |
03 | import android.app.Activity; |
04 | import android.graphics.drawable.Drawable; |
05 | import android.os.Bundle; |
06 | import android.widget.ImageView; |
08 | public class MainActivity extends Activity { |
10 | public void onCreate(Bundle savedInstanceState) { |
11 | super .onCreate(savedInstanceState); |
12 | setContentView(R.layout.main); |
24 | private AsyncImageLoader3 asyncImageLoader3= new AsyncImageLoader3(); |
28 | private void loadImage4( final String url, final int id) { |
30 | Drawable cacheImage=asyncImageLoader3.loadDrawable(url, |
31 | new AsyncImageLoader3.ImageCallback() { |
33 | public void imageLoaded(Drawable imageDrawable) { |
34 | ((ImageView) findViewById(id)) |
35 | .setImageDrawable(imageDrawable); |
38 | if (cacheImage != null ) { |
39 | ((ImageView) findViewById(id)).setImageDrawable(cacheImage); |