Chinaunix首页 | 论坛 | 博客
  • 博客访问: 471395
  • 博文数量: 88
  • 博客积分: 1677
  • 博客等级: 上尉
  • 技术积分: 667
  • 用 户 组: 普通用户
  • 注册时间: 2011-11-03 22:17
文章分类

全部博文(88)

文章存档

2013年(1)

2012年(18)

2011年(69)

分类: 嵌入式

2012-03-05 18:48:03

转载:http://www.cnblogs.com/zhangdongzi/archive/2011/04/13/2015129.html

项目中有时候需要获取网络上的图片,并下载下来到手机客户端显示。怎么做呢?

实现思路是:

 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=""
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="";
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;

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

运行截图如下:

 

阅读(2187) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~