原创整理不易,转载请注明出处:Android异步加载图片中UI是否被阻塞的测试
代码下载地址:http://www.zuidaima.com/share/1724477350611968.htm
在学习"Android异步加载图像小结"这篇文章时, 发现有些地方没写清楚,我就根据我的理解,把这篇文章的代码重写整理了一遍,下面就是我的整理。
下面测试使用的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);
|
相关推荐
1. **异步加载**:利用Android的AsyncTask或Handler机制,实现图片的异步加载,避免阻塞UI线程,保证应用的流畅性。 2. **仅加载当前页图片**:通过监听Gallery的滚动事件,仅在用户停止滚动时加载当前页面的图片,...
android ListView如果从网络加载图片,直接getView,肯定会阻塞UI导致滑动很不流畅,本实例优化了getView中图片的获取。
andorid异步加载网络图片,在操作UI的的时候,不会影响UI阻塞,是系统运行看起来流畅
android ListView使用异步加载图片,非阻塞UI线程,使得滑动加载更加流畅。
一、概述 一般大量图片的加载,比如GridView实现手机的相册功能,一般会用到LruCache,线程池,...简易的一个流程:当需要加载一张图片,首先把加载图片加入任务队列,然后使用loop线程(子线程)中的hander发送一个
android加载网络图片的四种方法 阻塞ui线程的加载 异步加载 线程池异步加载 缓存加载
这时候我们就不能直接在UI线程中(主线程)中去完成这些“耗时操作”,因为,UI线程主要是用来更新界面UI,如果一次进行太多的任务处理,并且这些任务需要相当的时间来完成,就会造成UI线程堵塞,结果可能是应用无响应...
图片异步加载:使用Glide或Picasso等图片加载库异步加载新闻图片,提高页面加载速度,并优化图片显示效果。 交互与反馈:添加新闻列表项的点击事件,实现新闻详情的跳转;同时考虑下拉刷新、上拉加载等交互功能,...
Android 使用AsyncTask 后监听异步加载完毕的动作 AsyncTask 的使用方法网上有很多例子,使用起来也非常的方便。这里就不详细说具体的使用方法了,同学可以Google 一下,很多。 场景模拟 当我们在加载一个列表的...
但是该方法只是用于接收异步线程消息,如果你在该方法中做过多的事情同样会造成UI线程的阻塞。 因此,笔者模仿android的异步访问方式,实现SWT下的Handler机制。通过向handler发送消息,handler接受到消息以后响应...
在Android3.0之前很多的应用都会遇到UI主线程阻塞的问题,也就是常说的ANR(Application Not Responding),其中占据最大就是数据加载这块。其实至今每个android程序员都意识到这个问题的存在,都会想各种方法去避开...
AsyncTask的使用方法网上有很多例子,使用起来也非常的方便。...场景模拟当我们在加载一个列表的时候,比如GridView,这时候我们考虑到不阻塞UI的做法,一般会使用线程Thread、Timer或者使用AsyncTask。
Android的设计之中,任何耗时的操作都不能放在UI主线程之中。所以类似于网络操作等等耗时的操作都需要使用异步的实现。而在ContentProvider之中,也有可能存在耗时的操作(当查询的数据量很大的时候),这个时候我们...
Android 3.0引入了CursorLoader实现异步加载数据,为了避免同步查询数据库时阻塞UI线程的问题。在API 11之前可以通过下载支持库,来使之前的系统支持此功能。 下面是一个例子: public class ListViewLoader ...
源码smoothie,smoothie是一个开源的组件,提供了简单的API异步加载Android ListView/GridView的项目,以和UI线程分离。Smoothie是手势识别:在Fling手势时,它会必须发起加载项目请求;在滑动列表时,当你的手指按...
使用简便和直截了当,用户只需要加载的图片和调整帧您想要的,如位置,时间显示和处理方法前帧。 Java的PList类库 Blister Blister是一个用于操作苹果二进制PList文件格式的Java开源类库(可用于发送数据给iOS应用...
使用简便和直截了当,用户只需要加载的图片和调整帧您想要的,如位置,时间显示和处理方法前帧。 Java的PList类库 Blister Blister是一个用于操作苹果二进制PList文件格式的Java开源类库(可用于发送数据给iOS应用...
使用简便和直截了当,用户只需要加载的图片和调整帧您想要的,如位置,时间显示和处理方法前帧。 Java的PList类库 Blister Blister是一个用于操作苹果二进制PList文件格式的Java开源类库(可用于发送数据给iOS应用...
使用简便和直截了当,用户只需要加载的图片和调整帧您想要的,如位置,时间显示和处理方法前帧。 Java的PList类库 Blister Blister是一个用于操作苹果二进制PList文件格式的Java开源类库(可用于发送数据给iOS应用...
使用简便和直截了当,用户只需要加载的图片和调整帧您想要的,如位置,时间显示和处理方法前帧。 Java的PList类库 Blister Blister是一个用于操作苹果二进制PList文件格式的Java开源类库(可用于发送数据给iOS应用...