Android雁翎刀之ImageView之异步下载

传送门 ☞ 轮子的专栏 ☞ 转载请注明 ☞ http://blog.csdn.net/leverage_1229

雁翎刀

        《鹿鼎记》神龙教无根道人：许雪亭一对判官笔向洪教主背心连递两招，同时无根道人的雁翎刀也已砍向他腰间。

        今天我们学习如何利用Android平台“雁翎刀”ImageView来异步显示从网络下载的图片。像我们在浏览网页中的图片时，经常会遇到图片刷新的情景，尤其是在网络状况不给力的情况下。实质上对于这些图片的加载通常都是以异步方式实现的。下面给出该情景的案例：

1案例技术要点

(1)编写HTTP协议工具类HttpUtils，并提供如下两个方法：getInputStream()：获取网络中图片的输入流。getBytes()：获取网络中图片的字节数组。
(2)开启一个工作线程从网络上读取图片的字节数组，然后将其推送到Handler的消息队列当中。
(3)使用Handler类的handleMessage()方法接收此字节数组，并显示在对应的ImageView控件中。

2案例代码陈列

工程包目录

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.android.imageview"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="15" />
    <uses-permission android:name="android.permission.INTERNET"/>
    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".ImageViewMainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
 
</manifest> 

strings.xml

<resources>
    <string name="app_name">ImageView从网络下载图片</string>
    <string name="download">下载图片</string>
</resources>

main.xml

<?xml version="1.0" encoding="utf-8" ?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
     android:orientation="vertical">

     <ImageView
         android:id="@+id/imageView"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:src="@android:drawable/star_big_on"
         android:layout_gravity="center_horizontal" />
     <Button
        android:id="@+id/download_btn" 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/download" />

</LinearLayout>

HTTP请求服务工具类：HttpUtils.java

package com.android.imageview;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;

import javax.net.ssl.HttpsURLConnection;

/**
 * HTTP请求工具类
 * @author lynnli1229
 */
public class HttpUtils {
    // 网络上待下载图片的路径
    private static final String URL_PATH = "http://www.linuxidc.com/upload/2012_12/121218101020341.png";

    public static InputStream getInputStream() throws IOException {
        InputStream in = null;
        URL url = new URL(URL_PATH);
        if (url != null) {
            HttpsURLConnection conn = (HttpsURLConnection) url.openConnection();
            conn.setConnectTimeout(3000);
            conn.setRequestMethod("GET");
            conn.setDoInput(true);
            if (conn.getResponseCode() == 200) {
                in = conn.getInputStream();
            }
        }
        return in;
    }

    public static byte[] getBytes() throws IOException {
        byte[] data = null;
        InputStream in = null;
        int len = 0;
        byte[] buffer = new byte[1024];
        // 此输出流不需要关闭，直接写入内存中
        ByteArrayOutputStream out = new ByteArrayOutputStream();
        try {
            URL url = new URL(URL_PATH);
            if (url != null) {
                HttpURLConnection conn = (HttpURLConnection) url.openConnection();
                // 设置HTTP连接超时为3s，防止页面出现“假死”现象
                conn.setConnectTimeout(3000);
                // 设置采用GET方式请求数据
                conn.setRequestMethod("GET");
                // 允许从服务端读取数据
                conn.setDoInput(true);
                if (conn.getResponseCode() == 200) { // 服务端响应成功返回码为200
                    in = conn.getInputStream();
                    while ((len = in.read(buffer)) != -1) {
                        out.write(buffer, 0, len);
                    }
                    data = out.toByteArray();
                }
            }
        } catch (IOException e) {
            throw new IOException();
        } finally {
            if (in != null) {
                try {
                    in.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
        return data;
    }
}

ImageViewMainActivity.java

package com.android.imageview;

import java.io.IOException;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

/**
 * ImageView案例四：从网络上获取图像显示到本地
 * ImageView是用于显示图片的控件，支持对图片进行放大、缩小和旋转等
 * @author lynnli1229
 */
public class ImageViewMainActivity extends Activity implements OnClickListener {

    private Button downloadButton;
    private ImageView imageView;
    // 设置下载图片的消息标示（当只有一个消息任务时，此标示可以不设置）
    private static final int DOWNLOAD_IMAGE = 0x12;
    private byte[] data;
    private Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            // 取出包含下载图片字节数据的消息并处理
            byte[] data = (byte[]) msg.obj;
            Bitmap bitmap = BitmapFactory.decodeByteArray(data, 0, data.length);
            imageView.setImageBitmap(bitmap);
        }
    };
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        downloadButton = (Button) findViewById(R.id.download_btn);
        imageView = (ImageView) findViewById(R.id.imageView);
        downloadButton.setOnClickListener(this);
    }
    
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.download_btn:
            // 点击下载按钮开启一个工作线程来下载图片
            new Thread(new Runnable() {
                @Override
                public void run() {
                    try {
                        data = HttpUtils.getBytes();
                    } catch (IOException e) {

                    }
                    // 将封装下载图像的字节数据的消息发送到消息队列中等候处理
                    handler.sendMessage(handler.obtainMessage(DOWNLOAD_IMAGE, data));
                }
            }).start();
            break;
        }
    }

}

3案例效果展示