【Android基础】网络图片查看器

网络图片查看器流程

从网络上获取数据：
1. 发送请求：GET
2. 接收服务器端返回的响应数据

使用代码实现的步骤：
1. 创建URL，打开一个HTTP的连接；
2. 设置请求头信息：GET（GET、POST）
3. 接收服务器端返回的响应数据，响应码：200 ok，404没有找到资源 ，503服务器端内部错误
4. 把接收的二进制数据转换成图片

模版代码

//1.创建URL，打开一个HTTP的连接 
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();

//2.设置请求头信息：GET（GET、POST）
conn.setRequestMethod("GET");
conn.setConnectTimeout(5000);

//3.接收服务器端返回的响应数据，响应码：200 ok，404没有找到资源 ，503服务器端内部错误
int code = conn.getResponseCode();
if(code == 200){
    InputStream is =  conn.getInputStream();

访问网络的Android应用都必须加上访问互联网的权限：

<uses-permission android:name="android.permission.INTERNET"/>

网络在主线程上的异常: android.os.NetworkOnMainThreadException 从Androi4.0开始，google更加UI界面运行的流畅性，强制要求访问网络的操作不能在主线程中进行，只能在子线程中进行。

activity中的oncreate方法和单击事件的方法都是运行在主线程中的。
只有创建UI界面的那个线程才能修改UI: Only the original thread that created a view hierarchy can touch its views.

主线程（UI线程），只有主线程才能修改UI。如果子线程修改UI，系统验证当前线程是不是主线程，如果不是主线程，就会终止运行。

消息处理

//1.在主线程中创建handler  
private Handler handler = new Handler(){

    //接收消息并处理消息
    @Override
    public void handleMessage(Message msg) {
        // TODO Auto-generated method stub
        super.handleMessage(msg);
    }

};

//2.在子线程中得到handler的引用，并发送消息给主线程
Message msg = new Message();
msg.obj = bm;
handler.sendMessage(msg);

//3.在主线程中修改UI
public void handleMessage(Message msg) { 
    // TODO Auto-generated method stub 
    super.handleMessage(msg); 
    Bitmap bm = (Bitmap) msg.obj;
    //把位图设置到ImageView控件
    iv.setImageBitmap(bm);
}

完整的代码和效果图

界面设计的代码：

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.yzx.picview.MainActivity" 
    android:orientation="vertical">

    <EditText 
        android:id="@+id/et_path"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="请输入图片的网络路径"/>

    <Button 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="查看"/>

    <ImageView 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/iv"/>

</LinearLayout>

界面非常简单，就是EditText、Button和ImageView垂直线性布局，用户通过输入网址，在ImageView中展示链接的图片。
下面，我们来看看Activity的源码：

package com.yzx.picview;

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

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;


public class MainActivity extends Activity {

    private EditText et_path;
    private ImageView iv;

    //1、创建handler
    private Handler handler = new Handler(){

        //接受并处理消息
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            Bitmap bm = (Bitmap) msg.obj;

            //把位图设置到ImageView控件
            iv.setImageBitmap(bm);
        }

    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //获取EditText控件和ImageView
        et_path = (EditText) findViewById(R.id.et_path);
        iv = (ImageView) findViewById(R.id.iv);
    }

    public void click(View v){
        final String path = et_path.getText().toString().trim();
        if(TextUtils.isEmpty(path)){
            Toast.makeText(this, "请输入网络路径", 0).show();
        }else{
            new Thread(){
                @Override
                public void run() {
                    try {
                        //从网络上下载图片，并显示在ImageView里
                        //1、创建URL，打开一个HTTP的连接；
                        URL url = new URL(path);
                        HttpURLConnection conn = (HttpURLConnection) url.openConnection();

                        //设置请求头信息
                        conn.setRequestMethod("GET");
                        conn.setReadTimeout(5000);

                        //3、接收服务器端返回的响应数据，响应码：200 ok，404没有找到资源 ，503服务器端内部错误
                        int code = conn.getResponseCode();
                        if(code == 200){
                            InputStream is = conn.getInputStream();
                            //把接受的二进制数据转化成图片
                            Bitmap bm = BitmapFactory.decodeStream(is);

                            //2.得到handler的引用,obtain方法从缓冲池中获取一个空的Message，如果缓冲池中没有就new一个
                            Message msg = Message.obtain();
                            msg.obj = bm;

                            //把消息发送给住线程
                            handler.sendMessage(msg);

                            /*//把位图设置到ImageView控件，只适用于Android2.3以下的版本
                            iv.setImageBitmap(bm);*/

                        }else{
                            Toast.makeText(MainActivity.this, "服务器返回数据错误", 0).show();
                        }
                    } catch (Exception e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                }
            }.start();
        }
    }

}

这里只要就是要理解前面讲的消息处理机制

运行结果图：