Android 台灣中文網

標題: 使用異步任務加載網絡上的圖片 [打印本頁]

---

作者: 暗桌之光    時間: 2011-8-2 13:18
標題: 使用異步任務加載網絡上的圖片
　　我們知道，如果要加載一個很耗時的操作，會阻塞主線程，這時我們可以想到開啟一個新的線程，避免阻塞，在android中也有這樣的問題，我們可以用異步任務來操作，異步任務也是開啟一個線程，線程裡面發一個訊息，然後通知去改變UI。

　　廢話不多說，我們先看一個例子：我們可以開啟這個網址：http://img1.3lian.com/img2011/07/20/05.jpg可以看到一副很好看的圖片，我們就要把這個圖片顯示出來，首先，還是先要佈局，我們要顯示一幅圖片，所以我們的佈局中需要一個ImageView，佈局很簡單，一個ImageView就可以了：

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout
   
3.    xmlns:android="http://schemas.android.com/apk/res/android"
   
4.    android:layout_width="match_parent"
   
5.    android:layout_height="match_parent">
   
6.      <ImageView
   
7.        android:id="@+id/img"
   
8.        android:scaleType="fitXY"
   
9.        android:layout_width="match_parent"
   
10.        android:layout_height="match_parent"/>
    
11. </LinearLayout>

複製代碼

之後我們要寫一個Activity顯示這個圖片，不過要加載網絡上的圖片，我們需要從一個URL的流中獲取這個圖片，所以我們要寫一個方法來獲取這張圖片：

1. public Drawable loadImages(String url) {
   
2.          try {
   
3.              return Drawable.createFromStream((InputStream)(new URL(url)).openStream(), "test");
   
4.          }
   
5.          catch (IOException e) {
   
6.              e.printStackTrace();
   
7.          }
   
8.          return null;
   
9.      }

複製代碼

從URL中開啟流，強制轉換成InputStream，然後從流中拿到Drawable。

　　既然可以獲取圖片了，我們要考慮一個問題，如果圖片很大，加載的很慢怎麼辦，我們豈不是要等很久？不要緊，這時候我們就可以用異步任務了。

　　首先我們要寫一個內部類，這個類部類是繼承自異步任務的，需要重載裡面的doBackGround方法：

1.   private class ImageAsynTask extends AsyncTask<Void, Void, Drawable> {
   
2. 
   
3.          @Override
   
4.          protected Drawable doInBackground (Void... params) {
   
5.              String url = "http://img1.3lian.com/img2011/07/20/05.jpg";
   
6.              return loadImages(url);
   
7.          }
   
8.          
   
9.          @Override
   
10.          protected void onPostExecute (Drawable result) {
    
11.              super.onPostExecute(result);
    
12.              mDialog.dismiss();
    
13.              mImage.setImageDrawable(result);
    
14.          }
    
15.          
    
16.          @Override
    
17.          protected void onPreExecute () {
    
18.              super.onPreExecute();
    
19.              mDialog.show();
    
20.          }
    
21.      }

複製代碼

首先看這個方法：onPreExecute()這個方法是在doInBackGround前面執行。我們把這個方法寫出來，我們需要在獲取圖片之前等待的時間裡，寫一個progressDialog，顯示出來，提示用戶，目前正在加載圖片，需要等待一段時間。同時在後台操作doBackGround執行。

　　在doBackGround完成之後就會執行onPostExecute(Drawable result)方法，看這個方法就知道，必須在doBackGround完成之後，把得到的結果Drawable作為參數傳到onPostExecute方法裡面去，執行這個方法就表示已經加載完了，我們需要將progressDialog消失掉，然後把圖片顯示出來就可以了，整個過程很簡單。

　　看下整個Activity的代碼：

1. package com.test.asyntask;
   
2. 
   
3. import java.io.IOException;
   
4. import java.io.InputStream;
   
5. import java.net.URL;
   
6. 
   
7. import android.app.Activity;
   
8. import android.app.ProgressDialog;
   
9. import android.graphics.drawable.Drawable;
   
10. import android.os.AsyncTask;
    
11. import android.os.Bundle;
    
12. import android.widget.ImageView;
    
13. 
    
14. import com.test.R;
    
15. 
    
16. public class AsynTask extends Activity {
    
17.      
    
18.      private ImageView mImage;
    
19.      private ProgressDialog mDialog;
    
20.      
    
21.      @Override
    
22.      protected void onCreate (Bundle savedInstanceState) {
    
23.          super.onCreate(savedInstanceState);
    
24.          setContentView(R.layout.asyn_task);
    
25.          
    
26.          mDialog = new ProgressDialog(this);
    
27.          mDialog.setTitle("請稍等");
    
28.          mDialog.setMessage("正在加載...");
    
29.          
    
30.          mImage = (ImageView) findViewById(R.id.img);
    
31.          new ImageAsynTask().execute();
    
32.      }
    
33.      
    
34.      private class ImageAsynTask extends AsyncTask<Void, Void, Drawable> {
    
35. 
    
36.          @Override
    
37.          protected Drawable doInBackground (Void... params) {
    
38.              String url = "http://img1.3lian.com/img2011/07/20/05.jpg";
    
39.              return loadImages(url);
    
40.          }
    
41.          
    
42.          @Override
    
43.          protected void onPostExecute (Drawable result) {
    
44.              super.onPostExecute(result);
    
45.              mDialog.dismiss();
    
46.              mImage.setImageDrawable(result);
    
47.          }
    
48.          
    
49.          @Override
    
50.          protected void onPreExecute () {
    
51.              super.onPreExecute();
    
52.              mDialog.show();
    
53.          }
    
54.      }
    
55.      
    
56.      @Override
    
57.      protected void onDestroy () {
    
58.          super.onDestroy();
    
59.          mDialog.dismiss();
    
60.      }
    
61.    
    
62.      public Drawable loadImages(String url) {
    
63.          try {
    
64.              return Drawable.createFromStream((InputStream)(new URL(url)).openStream(), "test");
    
65.          }
    
66.          catch (IOException e) {
    
67.              e.printStackTrace();
    
68.          }
    
69.          return null;
    
70.      }
    
71. }

複製代碼

執行一下，看下效果：
　　1.顯示progressDialog的時候，在加載圖片但是圖片還沒有加載出來的時候：

登錄/註冊後可看大圖