联网查看图片的Demo

刚刚学习完Android数据存储和访问，下面是一个联网查看图片的小案例。

效果图如下：

注意： 
因为需要联网，所以要在 AndroidManifest.xml 中加上联网的权限，不加会报错的呦！

[html]  view plain copy

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

 

为什么通过子线程加载图片？

分析： 由于网络连接需要很长的时间，才能返回页面的内容。如果此连接动作直接在主线程，也就是UI线程中处理， 
整个程序处于很长的一个等待状态，这样造成用户体验不好，为了解决这个问题，必须把这个任务放置到单独线程中运行，即建一个子线程，避免阻塞UI线程，这样就不会对主线程有任何影。还加快了图片的加载速度。

步骤1

分析： 
首先需要写一个布局文件，一个ImageView用于存放图片显示的位置，一个EditText用于填写图片的URL地址，一个Button按钮，用于事件处理。

代码如下：

[html]  view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical"  
6.     android:paddingBottom="@dimen/activity_vertical_margin"  
7.     android:paddingLeft="@dimen/activity_horizontal_margin"  
8.     android:paddingRight="@dimen/activity_horizontal_margin"  
9.     android:paddingTop="@dimen/activity_vertical_margin"  
10.     tools:context=".MainActivity" >  
11.   
12.     <ImageView  
13.         android:id="@+id/ivImage"  
14.         android:layout_width="match_parent"  
15.         android:layout_height="wrap_content"  
16.         android:layout_gravity="center"  
17.         android:layout_weight="1" />  
18.   
19.     <EditText  
20.         android:id="@+id/etImageUrl"  
21.         android:layout_width="match_parent"  
22.         android:layout_height="wrap_content"  
23.         android:ems="10"  
24.         android:hint="请输入图片的地址"  
25.         android:text="http://avatar.csdn.net/C/9/A/1_yf210yf.jpg" />  
26.   
27.     <Button  
28.         android:id="@+id/btnView"  
29.         android:layout_width="wrap_content"  
30.         android:layout_height="wrap_content"  
31.         android:layout_gravity="center"  
32.         android:background="@drawable/button_bg"  
33.         android:onClick="viewImage"  
34.         android:text="浏览" />  
35.   
36. </LinearLayout>  

 

步骤2

分析： 
在MainActivity.java中创建一个子线程，通过这个子线程来获取图片。 
当一个程序第一次启动时，Android会同时启动一个对应的主线程(Main 
Thread)，主线程主要负责处理与UI相关的事件。子线程不能单独处理获UI相关的事件 
，那么必须借助Handler来更新界面。为此，在界面 
Activity中创建一个Handler对象，并在handleMessage()中更新UI。 MainActivity.java

[java]  view plain copy

1. package com.bzu.gxs;  
2. import java.io.IOException;  
3. import java.io.InputStream;  
4. import java.net.HttpURLConnection;  
5. import java.net.MalformedURLException;  
6. import java.net.URL;  
7. import android.os.Bundle;  
8. import android.os.Handler;  
9. import android.os.Message;  
10. import android.app.Activity;  
11. import android.graphics.Bitmap;  
12. import android.graphics.BitmapFactory;  
13. import android.text.TextUtils;  
14. import android.view.Menu;  
15. import android.view.View;  
16. import android.widget.EditText;  
17. import android.widget.ImageView;  
18. import android.widget.Toast;  
19. public class MainActivity extends Activity {  
20.     private EditText etImageUrl;  
21.     private ImageView ivImage;  
22.     public static final int SHOWIMAGE=1;  
23.     public static final int SHOWFAIL=0;  
24.     // Handler 处理事件  
25.     private Handler handler=new Handler(){  
26.         public void handleMessage(android.os.Message msg) {  
27.             switch (msg.what) {  
28.             case SHOWIMAGE:  
29.                 Bitmap bitmap=(Bitmap) msg.obj;  
30.                 ivImage.setImageBitmap(bitmap);  
31.                 break;  
32.   
33.             case SHOWFAIL:  
34.                 ivImage.setImageResource(R.drawable.button_bg);  
35.                 Toast.makeText(MainActivity.this, "显示图片失败", Toast.LENGTH_LONG).show();  
36.                 break;  
37.   
38.             default:  
39.                 break;  
40.             }  
41.         };  
42.     };  
43.     @Override  
44.     protected void onCreate(Bundle savedInstanceState) {  
45.         super.onCreate(savedInstanceState);  
46.         setContentView(R.layout.activity_main);  
47.         initViews();  
48.         ivImage.setImageResource(R.drawable.button_bg);  
49.     }  
50.     // 查找的ID  
51.     private void initViews() {  
52.        etImageUrl=(EditText) findViewById(R.id.etImageUrl);  
53.        ivImage=(ImageView) findViewById(R.id.ivImage);  
54.     }  
55.   
56.     // 按钮点击事件  
57.     public void viewImage(View view){  
58.         final String imageUrl=etImageUrl.getText().toString();  
59.         if(TextUtils.isEmpty(imageUrl)){  
60.             Toast.makeText(this, "图片路径不能为空", Toast.LENGTH_LONG).show();  
61.         }else{  
62.             new Thread(){  
63.                     public void run() {  
64.                         try {  
65.                             URL url=new URL(imageUrl);  
66.                             HttpURLConnection httpURLConnection=(HttpURLConnection) url.openConnection();  
67.                             httpURLConnection.setRequestMethod("GET");  
68.                             httpURLConnection.setConnectTimeout(5000);  
69.                             int responseCode=httpURLConnection.getResponseCode();  
70.                             if(responseCode==200){  
71.                                 InputStream inputStream=httpURLConnection.getInputStream();  
72.                                 Bitmap bitmap=BitmapFactory.decodeStream(inputStream);  
73.                                 Message message=new Message();  
74.                                 message.what=SHOWIMAGE;  
75.                                 message.obj=bitmap;  
76.                                 //ivImage.setImageBitmap(bitmap);  
77.                                 handler.sendMessage(message);  
78.                             }else{  
79.                                 Message message=new Message();  
80.                                 message.what=SHOWFAIL;  
81.                                 handler.sendMessage(message);  
82.                             }  
83.                         } catch (MalformedURLException e) {  
84.                             e.printStackTrace();  
85.                         } catch (IOException e) {  
86.                             e.printStackTrace();  
87.                         }  
88.                 }  
89.             }.start();  
90.         }  
91.     }  
92. }