網絡圖片查看器

• 確定圖片的網址

• 發送http請求

  URL url = new URL(address);
  //獲取連接對象，並沒有建立連接
  HttpURLConnection conn = (HttpURLConnection) url.openConnection();
  //設置連接和讀取超時
  conn.setConnectTimeout(5000);
  conn.setReadTimeout(5000);
  //設置請求方法，注意必須大寫
  conn.setRequestMethod("GET");
  //建立連接，發送get請求
  //conn.connect();
  //建立連接，然後獲取響應嗎，200說明請求成功
  conn.getResponseCode();

• 服務器的圖片是以流的形式返回給浏覽器的

  //拿到服務器返回的輸入流
  InputStream is = conn.getInputStream();
  //把流裡的數據讀取出來，並構造成圖片
  Bitmap bm = BitmapFactory.decodeStream(is);

• 把圖片設置為ImageView的顯示內容

  ImageView iv = (ImageView) findViewById(R.id.iv);
  iv.setImageBitmap(bm);

• 添加權限

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

網絡請求

主線程阻塞

• 主線程又稱UI線程，因為只有在主線程中才能刷新UI。如果需要在子線程中刷新UI，使用消息隊列機制

• 在Android中，主線程被阻塞會導致UI停止刷新，應用無法響應用戶操作，用戶體驗將非常差

• 任何耗時操作都不應該在主線程進行，否則可能使主線程阻塞

• 因為網絡交互屬於耗時操作，如果網速很慢，代碼會阻塞，所以網絡交互的代碼不能寫在主線程

• 主線程阻塞時間過長，就會拋出ANR(Application Not Responding，即應用無響應)異常

消息隊列機制

• 主線程創建時，系統會同時創建消息隊列（MessageQueue）對象和消息輪詢器（Looper）對象

• 輪詢器的作用就是不停的檢測消息隊列中是否有消息（Message）

• 消息隊列一旦有消息，輪詢器就會把消息對象傳給消息處理器（Handler）

• 處理器會調用handleMessage()方法來處理這條消息，handleMessage()方法運行在主線程中，所以可以刷新UI

  android.os.Handler handler = new android.os.Handler(){
      //主線程中有一個消息輪詢器Looper，不斷檢測消息隊列中是否有新消息，如果發現有新消息，自動調用此方法，注意此方法是在主線程中運行的，所以可以刷新UI
      public void handleMessage(Message msg) {
  
      }
  };

• 在子線程中往消息隊列裡發消息

  //創建消息對象
  Message msg = new Message();
  //消息的obj屬性可以賦值任何對象，這個屬性使消息可以攜帶數據
  msg.obj = bm;
  //what屬性相當於一個標簽，用於區分出不同的消息，從而運行不能的代碼
  msg.what = 1;
  //發送消息
  handler.sendMessage(msg);

• 通過switch語句區分不同的消息

  public void handleMessage(android.os.Message msg) {
      switch (msg.what) {
      //如果是1，說明屬於請求成功的消息
      case 1:
          ImageView iv = (ImageView) findViewById(R.id.iv);
          Bitmap bm = (Bitmap) msg.obj;
          iv.setImageBitmap(bm);
          break;
      case 2:
          Toast.makeText(MainActivity.this, "請求失敗", 0).show();
          break;
      }       
  }

總結：只要消息隊列中有消息，handleMessage()方法就會調用。子線程如果需要刷新UI，只需要使用處理器對象的sendMessage()方法向往消息隊列中發一條消息，觸發handleMessage()方法即可

加入緩存圖片的功能

• 把服務器返回的流裡的數據讀取出來，然後通過文件輸入流寫至本地文件

  //1.拿到服務器返回的輸入流
  InputStream is = conn.getInputStream();
  //2.把流裡的數據讀取出來，並構造成圖片
  FileOutputStream fos = new FileOutputStream(file);
  byte[] b = new byte[1024];
  int len = 0;
  while((len = is.read(b)) != -1){
      fos.write(b, 0, len);
  }

• 創建bitmap對象的代碼改成

  Bitmap bm = BitmapFactory.decodeFile(file.getAbsolutePath());

• 每次發送請求前檢測一下在緩存中是否存在同名圖片，如果存在，則讀取緩存

獲取開源代碼的網站

• code.google.com

• github.com

• 在github搜索smart-image-view

• 下載開源項目smart-image-view

• 使用自定義組件時，標簽名字要寫包名

  <com.loopj.android.image.SmartImageView/>

• SmartImageView的使用

  SmartImageView siv = (SmartImageView) findViewById(R.id.siv);
  siv.setImageUrl("http://192.168.1.102:8080/dd.jpg");

Html源文件查看器

• 發送GET請求

  URL url = new URL(path);
  //獲取連接對象
  HttpURLConnection conn = (HttpURLConnection) url.openConnection();
  //設置連接屬性
  conn.setRequestMethod("GET");
  conn.setConnectTimeout(5000);
  conn.setReadTimeout(5000);
  //建立連接，獲取響應嗎
  if(conn.getResponseCode() == 200){
  
  }

• 獲取服務器返回的流，從流中把html源碼讀取出來

  byte[] b = new byte[1024];
  int len = 0;
  ByteArrayOutputStream bos = new ByteArrayOutputStream();
  while((len = is.read(b)) != -1){
      //把讀到的字節先寫入字節數組輸出流中存起來
      bos.write(b, 0, len);
  }
  //把字節數組輸出流中的內容轉換成字符串
  //默認使用utf-8
  text = new String(bos.toByteArray());

亂碼的處理

• 亂碼的出現是因為服務器端和客戶端碼表不一致導致

  //手動指定碼表
  text = new String(bos.toByteArray(), "gb2312");

提交數據

GET方式提交數據

• get方式提交的數據是直接拼接在url的末尾

  final String path = "http://192.168.1.104/Web/servlet/CheckLogin?name=" + name + "&pass=" + pass;

• 發送get請求，代碼和之前一樣

  URL url = new URL(path);
  HttpURLConnection conn = (HttpURLConnection) url.openConnection();
  conn.setRequestMethod("GET");
  conn.setReadTimeout(5000);
  conn.setConnectTimeout(5000);
  if(conn.getResponseCode() == 200){
  
  }

• 浏覽器在發送請求攜帶數據時會對數據進行URL編碼，我們寫代碼時也需要為中文進行URL編碼

  String path = "http://192.168.1.104/Web/servlet/CheckLogin?name=" + URLEncoder.encode(name) + "&pass=" + pass;

POST方式提交數據

• post提交數據是用流寫給服務器的

• 協議頭中多了兩個屬性

  • Content-Type: application/x-www-form-urlencoded，描述提交的數據的mimetype

  • Content-Length: 32，描述提交的數據的長度

    //給請求頭添加post多出來的兩個屬性
    String data = "name=" + URLEncoder.encode(name) + "&pass=" + pass;
    conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
    conn.setRequestProperty("Content-Length", data.length() + "");

• 設置允許打開post請求的流

  conn.setDoOutput(true);

• 獲取連接對象的輸出流，往流裡寫要提交給服務器的數據

  OutputStream os = conn.getOutputStream();
  os.write(data.getBytes());