Android异步下载网络图片

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

实现思路是:

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

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

 2:UI线程获取到消息后,更新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 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对象来传递数据。具体代码如下:

/**这里重写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;

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

运行截图如下:

 

上面使用Handler、Thread/Runnable 、URL、HttpURLConnection等等来进行异步下载网络图片。

但是采用这种方式有一些缺点,如下:

线程的开销较大,如果每个任务都要创建一个线程,那么程序的效率要低很多。

线程无法管理,匿名线程创建并启动后就不受程序的控制了,如果有很多个请求发送,那么就会启动非常多的线程,系统将不堪重负。

另外,前面已经看到,在新线程中更新UI还必须要引入handler,这让代码看上去非常臃肿。

 那么有没有比较更好好的实现方式呢?这个可以有!它就是AsyncTask

 AsyncTask的特点是任务在主UI线程之外运行,而回调方法是在主UI线程中,这就有效地避免了使用Handler带来的麻烦。 

 AsyncTask定义了三种泛型类型 Params,Progress和Result。

  • Params 启动任务执行的输入参数。
  • Progress 后台任务执行的百分比。
  • Result 后台执行任务返回的结果。

  当然,使用它还必须覆盖它的一些抽象方法方法

 doInBackground(Params...)         执行任务

 onPostExecute(Result)             返回任务执行的结果,通常更新UI

 onProgressUpdate (Progress... values) 进度更新

 注意:红色的是必须实现的。

 第一步:设计好UI,与上节一样

 第二步:也与上节一样。

 第三步:主要是实例化AsyncTask,并执行execute(Params)

 我们必须继承AsyncTask,并覆盖它的一些方法,我们这里主要是要获取网络图片,并保存为Bitmap,以便UI根据Bitmap来更新的。

 那么需要为AsyncTask设置返回的类型参数为String,Integer,Bitmap 类定义如下:

View
Code


public class MyASyncTask extends AsyncTask<String, Integer, Bitmap> {

 在doInBackground(Params...)  方法中 ,接受String ....params,返回我们需要的Bitmap.当然我们这里是获取图片Bitmap所以要返回Bitmap

  如果你返回的需要是String或者其他复杂类型时候,需要修改类的定义参数类型为你需要返回的类型,当然接受参数也是根据你的请求需要改变。

@Override
    protected Bitmap doInBackground(String... params) {
        Bitmap bitmap=null;
        try {

            URL url = new URL(params[0]);
            HttpURLConnection con=(HttpURLConnection) url.openConnection();
            con.setDoInput(true);
            con.connect();
            InputStream inputStream=con.getInputStream();

            bitmap=BitmapFactory.decodeStream(inputStream);
            inputStream.close();
        }
         catch (MalformedURLException e) {
                e.printStackTrace();
            }catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return bitmap;
    }

 onPostExecute(Result) 中是请求获得结果后更新UI部分。你会看到他的参数就是我们类中的类型参数。代码如下:

//执行获得图片数据后,更新UI:显示图片,隐藏进度条
    @Override
    protected void onPostExecute(Bitmap Result){
        ImageView imgView=(ImageView)this.viewGroup.getChildAt(0);
        imgView.setImageBitmap(Result);
        ProgressBar bar=(ProgressBar)this.viewGroup.getChildAt(1);
        bar.setVisibility(View.GONE);
    }

然后怎么用呢?在UI线程中执行吧:

MyASyncTask yncTask=new MyASyncTask(this,frameLayout);
   yncTask.execute(params);

运行结果与上节大同小异



时间: 2013-03-07

Android异步下载网络图片的相关文章

Android异步下载图片并且缓存图片到本地DEMO详解

在Android开发中我们经常有这样的需求,从服务器上下载xml或者JSON类型的数据,其中包括一些图片资源,本demo模拟了这个需求,从网络上加载XML资源,其中包括图片,我们要做的解析XML里面的数据,并且把图片缓存到本地一个cache目录里面,并且用一个自定义的Adapter去填充到LIstView,demo运行效果见下图: 通过这个demo,要学会有一下几点 1.怎么解析一个XML 2.demo中用到的缓存图片到本地一个临时目录的思想是怎样的? 3.AsyncTask类的使用,因为要去异

Android异步下载图片并且缓存图片到本地

http://lishuaishuai.iteye.com/blog/1806667 在Android开发中我们经常有这样的需求,从服务器上下载xml或者JSON类型的数据,其中包括一些图片资源,本demo模拟了这个需求,从网络上加载XML资源,其中包括图片,我们要做的解析XML里面的数据,并且把图片缓存到本地一个cache目录里面,并且用一个自定义的Adapter去填充到LIstView,demo运行效果见下图: 通过这个demo,要学会有一下几点 1.怎么解析一个XML 2.demo中用到的

Android 异步获取网络图片并处理导致内存溢出问题解决方法

测试环境为Adnroid 2.1以上. 1.AndroidManifest.xml 权限配置: 添加互联网访问权限: 复制代码 代码如下: <uses-permission android:name="android.permission.INTERNET" /> 2.异步图片类 ImageDownloadTask 复制代码 代码如下: import java.io.ByteArrayOutputStream; import java.io.IOException; imp

android AsyncTask异步下载并更新进度条

AsyncTask异步下载并更新进度条    //如果不是很明白请看上篇文章的异步下载 AsyncTask<String, Integer, String> 第一个参数:String 传入的是需要下载的地址 第二个参数:Integer 是进度条的进度 第三个参数:String 下载后的结果,如果您下载的是一张图片,可以将它改成BitMap 示例代码如下: package com.example.testcctv; import java.io.ByteArrayOutputStream; im

Android 中使用 AsyncTask 异步读取网络图片_Android

 1.新建Android工程AsyncLoadPicture 新建布局文件activity_main.xml主界面为一个GridView,还有其子项布局文件gridview_item.xml 2.功能主界面MainActivity.java,主代码如下 package com.example.asyncloadpicture; import java.util.ArrayList; import android.app.Activity; import android.content.Conte

Android 中使用 AsyncTask 异步读取网络图片

1.新建Android工程AsyncLoadPicture 新建布局文件activity_main.xml主界面为一个GridView,还有其子项布局文件gridview_item.xml 2.功能主界面MainActivity.java,主代码如下 package com.example.asyncloadpicture; import java.util.ArrayList; import android.app.Activity; import android.content.Contex

Android异步加载全解析之使用AsyncTask

Android异步加载全解析之使用AsyncTask 概述 既然前面提到了多线程,就不得不提到线程池,通过线程池,不仅可以对并发线程进行管理,更可以提高他们执行的效率,优化整个App.当然我们可以自己创建一个线程池,不过这样是很烦的,要创建一个高效的线程池还是挺费事的,不过,Android系统给我吗提供了AsyncTask这样一个类,来帮助我们快速实现多线程开发,它的底层实现,其实就是一个线程池. AsyncTask初探 AsyncTask,顾名思义就是用来做异步处理的.通过AsyncTask,

android异步获取图片并且本地存储的后续问题

问题描述 android异步获取图片并且本地存储的后续问题 我已经实现了头像图片的异步加载以及头像图片的下载及本地保存.实现方法及源代码请见我的博文:图片的异步加载及图片本地缓存 现在出现了一个后续的问题由于是头像,所以我使用了用户的ID作为头像的名称,例如现在我有3个好友分别是user1,user2,user3,以及我自己myUser.那么第一次读取过后我本地的头像就为user1.jpguser2.jpguser3.jpgmyUser.jpg.好了问题来了,当我的好友们的头像发生变化的时候,我

Android异步编程

Android的线程和内存模型 Android操作系统在boot后,会启动一个Zygote(受精卵)进程,Zygote进程负责创建大部分应用程序进程.Zygote进程启动加载核心程序库和数据结构到内存后会创建一个Dalvik虚拟机(DVM)进程--SystemServer,此进程会包含大部分的系统服务(包括管理Activity的服务ActivityManagerService),SystemServer初始化后,Zygote进程会侦听本地的socket端口, 等待进一步的指令.当新的app被启动