Android非同步下載網狀圖片(其一)

來源:互聯網
上載者:User

項目中有時候需要擷取網路上的圖片,並下載下來到手機用戶端顯示。怎麼做呢?

實現思路是:

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

 2:圖片完成下載後發送一個訊息去通知UI線程

 2:UI線程擷取到訊息後,更新UI。

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

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

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

 第一步:建立項目。

 第二步:設計好UI,如下所示

View Code

<?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組件,並添加事件監聽。

View Code

public class DownLoaderActivity extends Activity implements OnClickListener{ 
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對象來傳遞資料。具體代碼如下:

View Code

 /**這裡重寫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協議來擷取資料。

View Code

//前台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;

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

運行如下:

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.