Android 网络图片异步加载实例

Android  网络图片异步加载实例

 

 

 

实现思路是：

  1：在 UI 线程中启动一个线程 , 让这个线程去下载图片。

  2：图片完成下载后发送一个消息去通知 UI 线程

  2： UI 线程获取到消息后，更新 UI 。

  这里的 UI 线程就是主线程。

  这两个步骤涉及到一些知识点，即是： ProgressDialog,Handler,Thread/Runnable,URL,HttpURLConnection 等等一系列东东的使用。

  现在让我们开始来实现这个功能吧！

  第一步：新建项目。

  第二步：设计好 UI ，如下所示：

01	<? xml version = "1.0" encoding = "utf-8" ?>

02	< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"

03	android:orientation = "vertical"

04	android:layout_width = "fill_parent"

05	android:layout_height = "fill_parent"

06

>

07

< Button

08	android:id = "@+id/btnFirst"

09	android:layout_width = "fill_parent"

10	android:layout_height = "wrap_content"

11	android:text = "异步下载方式一"

12

>

13	</ Button >

14

15

< Button

16	android:id = "@+id/btnSecond"

17	android:layout_width = "fill_parent"

18	android:layout_height = "wrap_content"

19	android:text = "异步下载方式二"

20

>

21	</ Button >

22

23	< FrameLayout

24	android:layout_width = "fill_parent"

25	android:layout_height = "match_parent"

26	android:id = "@+id/frameLayout"

27

>

28

29	< ImageView

30	android:id = "@+id/image"

31	android:layout_width = "match_parent"

32	android:layout_height = "match_parent"

33	android:scaleType = "centerInside"

34	android:padding = "2dp"

35

>

36	</ ImageView >

37

38	< ProgressBar

39	android:id = "@+id/progress"

40	android:layout_width = "wrap_content"

41	android:layout_height = "wrap_content"

42	android:layout_gravity = "center" >

43	</ ProgressBar >

44

45	</ FrameLayout >

46	</ LinearLayout >

第三步：获取 UI 相应 View 组件，并添加事件监听。

01	public class DownLoaderActivity extends Activity implementsOnClickListener{

02	private static final String params= "http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Hukou_Waterfall.jpg/800px-Hukou_Waterfall.jpg" ;

03

04	private Button btnFirst,btnSecond;

05	private ProgressBar progress;

06	private FrameLayout frameLayout;

07	private Bitmap bitmap= null ;

08	ProgressDialog dialog= null ;

09

10

11

@Override

12	public void onCreate(Bundle savedInstanceState) {

13	super .onCreate(savedInstanceState);

14	setContentView(R.layout.main);

15

16	btnFirst=(Button) this .findViewById(R.id.btnFirst);

17	btnSecond=(Button) this .findViewById(R.id.btnSecond);

18	progress=(ProgressBar) this .findViewById(R.id.progress);

19	progress.setVisibility(View.GONE);

20	frameLayout=(FrameLayout) this .findViewById(R.id.frameLayout);

21

22	btnFirst.setOnClickListener( this );

23	btnSecond.setOnClickListener( this );

24

}

第四步：在监听事件中处理我们的逻辑，即是下载服务器端图片数据。

这里我们需要讲解一下了。

通常的我们把一些耗时的工作用另外一个线程来操作，比如，下载上传图片，读取大批量 XML 数据，读取大批量 sqlite 数据信息。为什么呢？答案大家都明白，用户体验问题。

在这里，首先我构造一个进度条对话框，用来显示下载进度，然后开辟一个线程去下载图片数据，下载数据完毕后，通知主 UI 线程去更新显示我们的图片。

Handler 是沟通 Activity 与 Thread/runnable 的桥梁。而 Handler 是运行在主 UI 线程中的，它与子线程可以通过 Message 对象来传递数据。具体代码如下：

01	**这里重写handleMessage方法，接受到子线程数据后更新UI**/

02	private Handler handler= new Handler(){

03

@Override

04	public void handleMessage(Message msg){

05	switch (msg.what){

06

case 1 :

07

//关闭

08	ImageView view=(ImageView)frameLayout.findViewById(R.id.image);

09	view.setImageBitmap(bitmap);

10	dialog.dismiss();

11

break ;

12

}

13

}

14

};

我们在这里弹出进度对话框，使用 HTTP 协议来获取数据。

01	//前台ui线程在显示ProgressDialog，

02	//后台线程在下载数据，数据下载完毕，关闭进度框

03

@Override

04	public void onClick(View view) {

05	switch (view.getId()){

06	case R.id.btnFirst:

07	dialog= ProgressDialog.show( this , "" ,

08	"下载数据，请稍等 …" , true , true );

09	//启动一个后台线程

10	handler.post( new Runnable(){

11

@Override

12	public void run() {

13

//这里下载数据

14

try {

15	URL url= new URL(params);

16	HttpURLConnection conn= (HttpURLConnection)url.openConnection();

17	conn.setDoInput( true );

18	conn.connect();

19	InputStream inputStream=conn.getInputStream();

20	bitmap= BitmapFactory.decodeStream(inputStream);

21	Message msg= new Message();

22	msg.what= 1 ;

23	handler.sendMessage(msg);

24

25	} catch (MalformedURLException e1) {

26	e1.printStackTrace();

27	} catch (IOException e) {

28	// TODO Auto-generated catch block

29	e.printStackTrace();

30

}

31

}

32

});

33

break ;

34

}

35

}

如此以来，你会发现很好的完成了我们的下载目标了，你可以把它应用到其他方面去，举一反三。

运行截图如下

 

 

来自： http://www.open-open.com/bbs/view/1318591627530?sort=newest