Android網絡圖片異步加載實例

實現思路是：

 1：在UI線程中啟動一個線程,讓這個線程去下載圖片。

 2：圖片完成下載后發送一個消息去通知UI線程

 2：UI線程獲取到消息后，更新UI。

 這里的UI線程就是主線程。

 這兩個步驟涉及到一些知識點，即是：???ProgressDialog,Handler,Thread/Runnable,URL,HttpURLConnection等等一系列東東的使用。

 現在讓我們開始來實現這個功能吧！

 第一步：新建項目。

 第二步：設計好UI，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
> 
<Button
 android:id="@+id/btnFirst"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="異步下載方式一"
>
</Button>

<Button
 android:id="@+id/btnSecond"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="異步下載方式二"
>
</Button>

<FrameLayout
 android:layout_width="fill_parent"
 android:layout_height="match_parent"
 android:id="@+id/frameLayout"
>

<ImageView
 android:id="@+id/image" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:scaleType="centerInside" 
 android:padding="2dp"
>
</ImageView> 

<ProgressBar
 android:id="@+id/progress" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:layout_gravity="center">
</ProgressBar> 

</FrameLayout> 
</LinearLayout>

第三步：獲取UI相應View組件，并添加事件監聽。

public class DownLoaderActivity extends Activity implementsOnClickListener{
private static final String params="http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Hukou_Waterfall.jpg/800px-Hukou_Waterfall.jpg";

private Button btnFirst,btnSecond;
private ProgressBar progress;
private FrameLayout frameLayout;
private Bitmap bitmap=null;
 ProgressDialog dialog=null;


 @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
 setContentView(R.layout.main);

 btnFirst=(Button)this.findViewById(R.id.btnFirst);
 btnSecond=(Button)this.findViewById(R.id.btnSecond);
 progress=(ProgressBar)this.findViewById(R.id.progress);
 progress.setVisibility(View.GONE);
 frameLayout=(FrameLayout)this.findViewById(R.id.frameLayout);

 btnFirst.setOnClickListener(this);
 btnSecond.setOnClickListener(this);
 }

第四步：在監聽事件中處理我們的邏輯，即是下載服務器端圖片數據。

這里我們需要講解一下了。

通常的我們把一些耗時的工作用另外一個線程來操作，比如，下載上傳圖片，讀取大批量XML數據，讀取大批量sqlite數據信息。為什么呢？答案大家都明白，用戶體驗問題。

在這里，首先我構造一個進度條對話框，用來顯示下載進度，然后開辟一個線程去下載圖片數據，下載數據完畢后，通知主UI線程去更新顯示我們的圖片。

Handler是溝通Activity 與Thread/runnable的橋梁。而Handler是運行在主UI線程中的，它與子線程可以通過Message對象來傳遞數據。具體代碼如下：

**這里重寫handleMessage方法，接受到子線程數據后更新UI**/
private Handler handler=new Handler(){
 @Override
public void handleMessage(Message msg){
switch(msg.what){
case 1:
//關閉
 ImageView view=(ImageView)frameLayout.findViewById(R.id.image);
 view.setImageBitmap(bitmap);
 dialog.dismiss();
break;
 }
 }
 };

我們在這里彈出進度對話框，使用HTTP協議來獲取數據。

//前臺ui線程在顯示ProgressDialog，
//后臺線程在下載數據，數據下載完畢，關閉進度框
 @Override
public void onClick(View view) {
switch(view.getId()){
case R.id.btnFirst:
 dialog= ProgressDialog.show(this,"",
"下載數據，請稍等 …",true,true);
//啟動一個后臺線程
 handler.post(new Runnable(){
 @Override
public void run() {
//這里下載數據
 try{
 URL url= new URL(params);
 HttpURLConnection conn= (HttpURLConnection)url.openConnection();
 conn.setDoInput(true);
 conn.connect();
 InputStream inputStream=conn.getInputStream();
 bitmap= BitmapFactory.decodeStream(inputStream);
 Message msg=new Message();
 msg.what=1;
 handler.sendMessage(msg);

 }catch (MalformedURLException e1) {
 e1.printStackTrace();
 }catch (IOException e) {
// TODO Auto-generated catch block
 e.printStackTrace();
 }
 }
 });
break;
}
}

如此以來，你會發現很好的完成了我們的下載目標了，你可以把它應用到其他方面去，舉一反三。

運行截圖如下