Android网络图片异步加载实例

1
Android SQLite Java XML C/C++ 32871 次浏览

实现思路是:

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

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

 2UI线程获取到消息后,更新UI

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

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

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

 第一步:新建项目。

 第二步:设计好UI,如下所示:

<?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组件,并添加事件监听。

public class DownLoaderActivity extends Activity implementsOnClickListener{
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对象来传递数据。具体代码如下:

**这里重写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协议来获取数据。

//前台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;
}
}

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

运行截图如下
image003.jpgimage005.jpgimage007.jpg

请尽量让自己的答案能够对别人有帮助

5个答案

默认排序 按投票排序
0

虽然不懂,但很关心,顶一下

0

RAW档的图片能加载么,PSD的呢?这个代码需不需要转换图片格式呢。

0
写的不错
0
异步加载的效果不应该是点击button一进行图片加载的过程中button二也是可操作的么?可是此Demo似乎并没有达到该效果。
为什么呢?
0

8错`