ImageView显示网络上的图片

ImageView显示网络上的图片

一、简介

二、方法

1）ImageView显示网络上的图片方法

第一步：从网络上下载图片

byte[] byteArr = downImage();//这个是自己写的函数

将byte数组转换成bitmap

Bitmap bitmap1 = BitmapFactory.decodeByteArray(byteArr, 0,byteArr.length);

第二步：在imageView控件上显示图片

iv_fromNet.setImageBitmap(bitmap1);

第三步：给手机设置能联网的属性

在AndroidManifest.xml中设置能联网的权限

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

2）从网络上下载图片的方法

第一步：创建url连接

URL url = new URL("http://img5.imgtn.bdimg.com/it/u=3902436073,1089717092&fm=26&gp=0.jpg");

第二步：拿到HTTP连接对象

HttpURLConnection connection = (HttpURLConnection) url.openConnection();

第三步：设置连接超时

connection.setConnectTimeout(5000);

第四步：设置HTTP请求方式

connection.setRequestMethod("GET");

第五步：获得响应状态码

int code = connection.getResponseCode();

连接成功后

第六步：拿到输入流，用于读取响应的内容

InputStream is = connection.getInputStream();

第七步：输出流用于写数据

ByteArrayOutputStream byteArrayOut = new ByteArrayOutputStream();

第八步：读取数据就好

byte[] buffer = new byte[1024];
int len;
while ((len = is.read(buffer)) != -1) {
　　byteArrayOut.write(buffer, 0, len);
}
return byteArrayOut.toByteArray();

三、代码实例

效果图：

点击按钮之后，获取http://img5.imgtn.bdimg.com/it/u=3902436073,1089717092&fm=26&gp=0.jpg的图片

代码：

/iamgeViewDemo1/src/fry/Activity04.java

 package fry;

 import java.io.ByteArrayInputStream;
 import java.io.ByteArrayOutputStream;
 import java.io.InputStream;
 import java.net.HttpURLConnection;
 import java.net.MalformedURLException;
 import java.net.URL;
 import com.example.iamgeViewDemo1.R;
 import android.annotation.SuppressLint;
 import android.app.Activity;
 import android.graphics.Bitmap;
 import android.graphics.BitmapFactory;
 import android.graphics.Matrix;
 import android.graphics.drawable.BitmapDrawable;
 import android.graphics.drawable.Drawable;
 import android.os.Bundle;
 import android.os.StrictMode;
 import android.util.DisplayMetrics;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.view.ViewGroup.LayoutParams;
 import android.widget.Button;
 import android.widget.ImageView;
 import android.widget.LinearLayout;
 import android.widget.SeekBar;
 import android.widget.SeekBar.OnSeekBarChangeListener;

 public class Activity04 extends Activity {
 //     1）ImageView显示网络上的图片方法
 //     第一步：从网络上下载图片
 //
 //     第二步：在imageView控件上显示图片
 //
 //     第三步：给手机设置能联网的属性
     private ImageView iv_fromNet;
     private Button btn_downLoadImage;

     @SuppressLint("NewApi")
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         setTitle("imageView显示网络上的图片");
         super.onCreate(savedInstanceState);

         StrictMode.setThreadPolicy(new StrictMode.ThreadPolicy.Builder()
                 .detectDiskReads().detectDiskWrites().detectNetwork()
                 .penaltyLog().build());
         StrictMode.setVmPolicy(new StrictMode.VmPolicy.Builder()
                 .detectLeakedSqlLiteObjects().detectLeakedClosableObjects()
                 .penaltyLog().penaltyDeath().build());

         setContentView(R.layout.activity03);

         btn_downLoadImage = (Button) findViewById(R.id.btn_downLoadImage);
         iv_fromNet = (ImageView) findViewById(R.id.iv_fromNet);

         btn_downLoadImage.setOnClickListener(new OnClickListener() {

             @Override
             public void onClick(View v) {
                 // TODO Auto-generated method stub

                 BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));
                 Bitmap bitmap2=bitmapDrawable.getBitmap();
                 //
                 // iv_fromNet.setImageBitmap(bitmap2);

                 // 从网络上下载图片
                 byte[] byteArr = downImage();

                 // 在imageView控件上显示图片
                 Bitmap bitmap1 = BitmapFactory.decodeByteArray(byteArr, 0,
                         byteArr.length);
                 iv_fromNet.setImageBitmap(bitmap1);
                 // 给手机设置能联网的属性

             }
         });

     }

     /**
      * 从网络中下载图片
      *
      */
     private byte[] downImage() {
         try {
             //创建url连接
             URL url = new URL(
                     "http://img5.imgtn.bdimg.com/it/u=3902436073,1089717092&fm=26&gp=0.jpg");
             // 拿到HTTP连接对象
             HttpURLConnection connection = (HttpURLConnection) url
                     .openConnection();
             // 设置连接超时
             connection.setConnectTimeout(5000);
             // HTTP请求方式
             connection.setRequestMethod("GET");
             // 获得响应状态码
             int code = connection.getResponseCode();
             if (code == 200) {// 表示获取成功
                 // 拿到输入流，用于读取响应的内容
                 InputStream is = connection.getInputStream();
                 // 输出流用于写数据
                 ByteArrayOutputStream byteArrayOut = new ByteArrayOutputStream();
                 // 设置缓存数组
                 byte[] buffer = new byte[1024];
                 int len;
                 while ((len = is.read(buffer)) != -1) {
                     byteArrayOut.write(buffer, 0, len);
                 }
                 return byteArrayOut.toByteArray();
             }

         } catch (Exception e) {
             // TODO Auto-generated catch block
             e.printStackTrace();
         }

         return null;
     }

 //    2）从网络上下载图片的方法
 //
 //    第一步：创建url连接
 //    第二步：拿到HTTP连接对象
 //    第三步：设置连接超时
 //    第四步：设置HTTP请求方式
 //    第五步：获得响应状态码
 //    连接成功后
 //
 //    第六步：拿到输入流，用于读取响应的内容
 //    第七步：输出流用于写数据
 //    第八步：读取数据就好

 }

/iamgeViewDemo1/res/layout/activity03.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" >

     <Button
         android:id="@+id/btn_downLoadImage"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="从网络上下载图片"
         />

     <ImageView
         android:id="@+id/iv_fromNet"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         />

 </LinearLayout>

/iamgeViewDemo1/AndroidManifest.xml

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

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

     <uses-sdk
         android:minSdkVersion="8"
         android:targetSdkVersion="19" />

     <application
         android:allowBackup="true"
         android:icon="@drawable/ic_launcher"
         android:label="@string/app_name"
         android:theme="@style/AppTheme" >
         <activity
             android:name="fry.MainActivity"
             android:label="@string/app_name" >
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />

                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
         <activity
             android:name="fry.Activity01"
             android:exported="true" >
         </activity>
         <activity
             android:name="fry.Activity02"
             android:exported="true" >
         </activity>
         <activity
             android:name="fry.Activity03"
             android:exported="true" >
         </activity>
         <activity
             android:name="fry.Activity04"
             android:exported="true" >
         </activity>
     </application>

 </manifest>

四、收获

1、debug找错误

2、源代码和方法说明找bug

3、输入流和输出流

输入内容到输入流，然后到内存，内存中的数据到输出流，输出流的数据到输出。

1）拿到输入流，用于读取响应的内容
InputStream is = connection.getInputStream();

2）把输入流is中的东西读到buffer中

is.read(buffer)

3）buffer中的内容写到输出流byteArrayOut

byteArrayOut.write(buffer, 0, len);

4、byte array变成bitmap

Bitmap bitmap1 = BitmapFactory.decodeByteArray(byteArr, 0,byteArr.length);

5、创建url连接

URL url = new URL("http://img5.imgtn.bdimg.com/it/u=3902436073,1089717092&fm=26&gp=0.jpg");

6、拿到HTTP连接对象

HttpURLConnection connection = (HttpURLConnection) url.openConnection();

五、遇到的bug

1、android.os.NetworkOnMainThreadException

这是因为在android3.0后主线程中不许网络连接

解决方法：添加了一段线程警察的代码

2、bitmap1==null但是用于创建bitmap1的byte array有数据

byte array不能被decode，换一张图片就好

3、还有很多bug，都忘记了