Android异步下载网络图片（其一）
Android异步下载网络图片（其一）
项目中有时候需要获取网络上的图片，并下载下来到手机客户端显示。怎么做呢？
实现思路是：
1：在UI线程中启动一个线程,让这个线程去下载图片。
2：图片完成下载后发送一个消息去通知UI线程
2：UI线程获取到消息后，更新UI。
这里的UI线程就是主线程。
这两个步骤涉及到一些知识点，即是：ProgressDialog,Handler,Thread/Runnable,URL,HttpURLConnection等等一系列东东的使用。
现在让我们开始来实现这个功能吧！
第一步：新建项目。
第二步：设计好UI，如下所示
View Code
<?
xml version
=
"
1.0
"
encoding
=
"
utf-8
"
?>
<
LinearLayout xmlns:android
=
"
http://schemas.android.com/apk/res/android
"
android:orientation
=
"
vertical
"
android:layout_width
=
"
fill_parent
"
android:layout_height
=
"
fill_parent
"
>
<
Button
android:id
=
"
@+id/btnFirst
"
android:layout_width
=
"
fill_parent
"
android:layout_height
=
"
wrap_content
"
android:text
=
"
异步下载方式一
"
>
</
Button
>
<
Button
android:id
=
"
@+id/btnSecond
"
android:layout_width
=
"
fill_parent
"
android:layout_height
=
"
wrap_content
"
android:text
=
"
异步下载方式二
"
>
</
Button
>
<
FrameLayout
android:layout_width
=
"
fill_parent
"
android:layout_height
=
"
match_parent
"
android:id
=
"
@+id/frameLayout
"
>
<
ImageView
android:id
=
"
@+id/image
"
android:layout_width
=
"
match_parent
"
android:layout_height
=
"
match_parent
"
android:scaleType
=
"
centerInside
"
android:padding
=
"
2dp
"
>
</
ImageView
>
<
ProgressBar
android:id
=
"
@+id/progress
"
android:layout_width
=
"
wrap_content
"
android:layout_height
=
"
wrap_content
"
android:layout_gravity
=
"
center
"
>
</
ProgressBar
>
</
FrameLayout
>
</
LinearLayout
>
第三步：获取UI相应View组件，并添加事件监听。
View Code
public
class
DownLoaderActivity
extends
Activity
implements
OnClickListener{
private
static
final
String params
=
"
http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Hukou_Waterfall.jpg/800px-Hukou_Waterfall.jpg
"
;
private
Button btnFirst,btnSecond;
private
ProgressBar progress;
private
FrameLayout frameLayout;
private
Bitmap bitmap
=
null
;
ProgressDialog dialog
=
null
;
@Override
public
void
onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.main);
btnFirst
=
(Button)
this
.findViewById(R.id.btnFirst);
btnSecond
=
(Button)
this
.findViewById(R.id.btnSecond);
progress
=
(ProgressBar)
this
.findViewById(R.id.progress);
progress.setVisibility(View.GONE);
frameLayout
=
(FrameLayout)
this
.findViewById(R.id.frameLayout);
btnFirst.setOnClickListener(
this
);
btnSecond.setOnClickListener(
this
);
}
第四步：在监听事件中处理我们的逻辑，即是下载服务器端图片数据。
这里我们需要讲解一下了。
通常的我们把一些耗时的工作用另外一个线程来操作，比如，下载上传图片，读取大批量XML数据，读取大批量sqlite数据信息。为什么呢？答案大家都明白，用户体验问题。
在这里，首先我构造一个进度条对话框，用来显示下载进度，然后开辟一个线程去下载图片数据，下载数据完毕后，通知主UI线程去更新显示我们的图片。
Handler是沟通Activity 与Thread/runnable的桥梁。而Handler是运行在主UI线程中的，它与子线程可以通过Message对象来传递数据。具体代码如下：
View Code
/**
这里重写handleMessage方法，接受到子线程数据后更新UI*
*/
private
Handler handler
=
new
Handler(){
@Override
public
void
handleMessage(Message msg){
switch
(msg.what){
case
1
:
//
关闭
ImageView view
=
(ImageView)frameLayout.findViewById(R.id.image);
view.setImageBitmap(bitmap);
dialog.dismiss();
break
;
}
}
};
我们在这里弹出进度对话框，使用HTTP协议来获取数据。
View Code
//
前台ui线程在显示ProgressDialog，
//
后台线程在下载数据，数据下载完毕，关闭进度框
@Override
public
void
onClick(View view) {
switch
(view.getId()){
case
R.id.btnFirst:
dialog
=
ProgressDialog.show(
this
,
""
,
"
下载数据，请稍等 …
"
,
true
,
true
);
//
启动一个后台线程
handler.post(
new
Runnable(){
@Override
public
void
run() {
//
这里下载数据
try
{
URL url
=
new
URL(params);
HttpURLConnection conn
=
(HttpURLConnection)url.openConnection();
conn.setDoInput(
true
);
conn.connect();
InputStream inputStream
=
conn.getInputStream();
bitmap
=
BitmapFactory.decodeStream(inputStream);
Message msg
=
new
Message();
msg.what
=
1
;
handler.sendMessage(msg);
}
catch
(MalformedURLException e1) {
e1.printStackTrace();
}
catch
(IOException e) {
//
TODO Auto-generated catch block
e.printStackTrace();
}
}
});
break
;
如此以来，你会发现很好的完成了我们的下载目标了，你可以把它应用到其他方面去，举一反三。
运行截图如下：
分类:
Android