快捷導(dǎo)航

Android實(shí)現(xiàn)網(wǎng)絡(luò)圖片瀏覽功能

更新時(shí)間：2017年06月03日 14:32:19 作者：qq_32303793

這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)網(wǎng)絡(luò)圖片瀏覽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

我們?cè)谏暇W(wǎng)的過程中經(jīng)常看到各種圖片，那你知道它是如何實(shí)現(xiàn)的嗎？接下來就讓我們一塊探討一下。

網(wǎng)絡(luò)圖片的瀏覽可以分為倆部分，基本的頁(yè)面布局與界面交互，讓我們一步步的來編寫。

基本布局很簡(jiǎn)單，只需要有一個(gè)輸入圖片鏈接的EditText，一個(gè)瀏覽按鈕，一個(gè)ImageView就差不多了。下面是簡(jiǎn)單代碼。

<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:orientation="vertical"
  tools:context=".MainActivity" >

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

  <EditText
    android:id="@+id/et_path"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:hint="請(qǐng)輸入圖片路徑"
    android:maxLines="1" />

  <Button
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:onClick="click"
    android:text="瀏覽" />

</LinearLayout>

值得注意的是這里面的weight不是權(quán)重，而是渲染優(yōu)先級(jí)，weight越大，優(yōu)先級(jí)越低。

最重要的自然是界面交互，輸入圖片的指定地址，便可以將服務(wù)器返回的圖片展示在界面上，具體如下

package cn.edu.bzu.imageviewdemo;

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

import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
public class MainActivity extends AppCompatActivity {

 protected static final int CHANGE_UI = 1;
 protected static final int ERROR = 2;
 private EditText et_path;
 private ImageView iv;
 private Handler handler = new Handler(){
  public void handleMessage(android.os.Message msg) {
   if(msg.what == CHANGE_UI){
    Bitmap bitmap = (Bitmap) msg.obj;
    iv.setImageBitmap(bitmap);
   }else if(msg.what == ERROR){
    Toast.makeText(MainActivity.this, "顯示圖片錯(cuò)誤", 0).show();
   }
  };
 };
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  et_path = (EditText) findViewById(R.id.et_path);
  iv = (ImageView) findViewById(R.id.iv);
 }
 public void click(View view) {
  final String path = et_path.getText().toString().trim();
  if (TextUtils.isEmpty(path)) {
   Toast.makeText(this, "圖片路徑不能為空", Toast.LENGTH_SHORT).show();
  } else {
   new Thread() {
    public void run() {

     try {
      URL url = new URL(path);  //創(chuàng)建URL對(duì)象

      HttpURLConnection conn = (HttpURLConnection) url
        .openConnection();
      // 設(shè)置請(qǐng)求的方式
      conn.setRequestMethod("GET");
      //設(shè)置超時(shí)時(shí)間
      conn.setConnectTimeout(5000);

      int code = conn.getResponseCode();

      if (code == 200) {

       InputStream is = conn.getInputStream();

       Bitmap bitmap = BitmapFactory.decodeStream(is);
       //iv.setImageBitmap(bitmap);

       Message msg = new Message();
       msg.what = CHANGE_UI;
       msg.obj = bitmap;
       handler.sendMessage(msg);
      } else {

       Message msg = new Message();
       msg.what = ERROR;
       handler.sendMessage(msg);
      }
     } catch (Exception e) {
      e.printStackTrace();
      Message msg = new Message();
      msg.what = ERROR;
      handler.sendMessage(msg);
     }
    };
   }.start();
  }
 }

}

核心之處便是通過URL對(duì)象獲取HttpURLConnection，獲取服務(wù)器返回的輸入流