Android入門項目（四）AsyncTask異步加載圖片和模擬進度條

一，最終效果

二，關於AsyncTask

1，異步消息處理機制
咱們先來了解一下Handler相關概念，這裏先上圖（還在繪製中。。。）

Handler負責發消息，Looper是一個消息隊列，主要負責接收Handler發送的消息，並處理之後回傳給Handler。而MessageQueue是一個存儲消息的容器，Looper會不斷的從MessageQueue中取出消息。

聯想：我們可以把Handler看成是小明同學，Looper是老師。小明同學向老師請假，得向老師發消息，老師收到消息之後回覆小明。當然實際中不僅僅只有請假一個消息，可能小明還要上廁所，還有想和女神坐同桌等等。那麼我們需要一個容器（MessageQueue）把消息裝在裏面，這就是消息隊列，裝好之後肯定要從容器取消息啊。老師就是取消息的，他能保證上一個消息成功回覆給小明同學之後再取下一個消息。當然這裏發消息和處理消息都是小明同學，比如小明同學想和女神坐同桌，如果老師同意了，他就可以很開心的搬過去了，如果老師不同意，他可能會有點傷心。

2，爲什麼需要Asynctask？
AsyncTask爲我們提供了Handler和多線程的封裝，讓我們不需要懂異步也能很輕易的更新UI。底層大家可以去看源碼，這裏我們知道它的原理就行了。
AsyncTask的作用：
1，執行耗時任務，子線程中更新UI；
2，實現工作線程和UI線程之間的通信，簡化了異步消息處理機制

3，Asynctask參數和常用方法介紹
三個參數AsyncTask<Params, Progress, Result>
Params：啓動任務時輸入參數；
Progress：後臺任務執行中返回進度值；
Result：後臺執行任務完成後返回的結果。
doInBackground(Params…params)：執行後臺具體的邏輯,執行耗時操作
onProgressUpdate(Progress values)：在主線程中更新當前下載進度
onPostExecute(Result result)：通知最終的下載結果,回調操作
execute(Parames…params):：觸發執行異步線程任務

三，異步加載網絡圖片的核心代碼

佈局文件，一個ImageView和ProgressBar，ProgressBar控件是實現加載的效果

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="300dp" />
    
    <ProgressBar
        android:id="@+id/progress_bar"
        android:visibility="gone"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

主活動

package com.yaninfo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.ProgressBar;
import java.io.BufferedInputStream;
import java.io.IOException;
import java.net.URL;
import java.io.InputStream;
import java.net.URLConnection;

/**
 * @Author: zhangyan
 * @Date: 2019/4/4 11:04
 * @Description: 圖片異步加載
 * @Version: 1.0
 */
public class ImageActivity extends Activity {

    private ImageView mImageView;
    private ProgressBar mProgressBar;
    private static String URL = "http://img.mp.itc.cn/upload/20170221/579c7d2769fd4ee2b6d4c460cd1c4b9c_th.jpg";
    private MyTask mTask = new MyTask();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.image_layout);

        // 初始化
        init();
        // 執行線程
        mTask.execute(URL);

    }

    /**
     * 初始化控件
     */
    private void init() {
        mImageView = findViewById(R.id.image);
        mProgressBar = findViewById(R.id.progress_bar);
    }

    /**
     * 開啓異步線程
     */
    private class MyTask extends AsyncTask<String, Void, Bitmap> {

        @Override
        protected void onPreExecute() {
            super.onPreExecute();
            mProgressBar.setVisibility(View.VISIBLE);
        }

        /**
         * 更新UI
         *
         * @param bitmap
         */
        @Override
        protected void onPostExecute(Bitmap bitmap) {
            super.onPostExecute(bitmap);
            mImageView.setImageBitmap(bitmap);
            mProgressBar.setVisibility(View.GONE);

        }

        /**
         * 執行耗時操作
         *
         * @param params
         * @return
         */
        @Override
        protected Bitmap doInBackground(String... params) {
            // 從params可變長數組中獲取傳遞進來的url參數
            String url = params[0];
            Bitmap bitmap = null;
            URLConnection connection;
            InputStream in = null;
            BufferedInputStream buffer = null;

            try {
                connection = new URL(url).openConnection();
                in = connection.getInputStream();
                buffer = new BufferedInputStream(in);
                // 輸入流轉化爲bitmap對象，利用decodeStream方法來解析輸入流
                Thread.sleep(2000);
                bitmap = BitmapFactory.decodeStream(buffer);
            } catch (IOException e) {
                e.printStackTrace();
            } catch (InterruptedException e) {
                e.printStackTrace();
            } finally {
                try {
                    in.close();
                    buffer.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            // 返回bitmap
            return bitmap;
        }
    }
}

這裏我們在doInBackground方法中定義了一個Bitmap 對象來存圖片，最後Bitmap對象會傳給onPostExecute方法用來更新UI。這裏怎麼傳參？想深入瞭解的小老弟，可以看一下源碼很簡單的！

四，模擬進度條的核心代碼

佈局文件，這裏定義了兩個Button，一個TextView控件和ProgressBar。採用的是RelativeLayout 佈局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:gravity="center"
    tools:context=".MainActivity">

    <Button
        android:layout_centerInParent="true"
        android:id="@+id/loading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="點我加載"/>

    <TextView
        android:id="@+id/text"
        android:layout_below="@+id/loading"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="還沒開始加載!" />

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_below="@+id/text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:progress="0"
        android:max="100"
        style="?android:attr/progressBarStyleHorizontal"/>

    <Button
        android:layout_below="@+id/progress_bar"
        android:layout_centerInParent="true"
        android:id="@+id/cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="取消加載"/>
</RelativeLayout>

線程類

package com.yaninfo;

import android.os.AsyncTask;
import android.widget.ProgressBar;
import android.widget.TextView;

/**
 * @Author: zhangyan
 * @Date: 2019/4/4 9:58
 * @Description: AsyncTask線程任務進度條加載
 * @Version: 1.0
 */
public class MyTask extends AsyncTask<String, Integer, String> {


    private TextView text;
    private ProgressBar progressBar;

    /**
     * 構造方法
     *
     * @param text
     * @param progressBar
     */
    public MyTask(TextView text, ProgressBar progressBar) {

        this.text = text;
        this.progressBar = progressBar;
    }

    /**
     * 執行線程任務前的操作
     */
    @Override
    protected void onPreExecute() {

        text.setText("加載中");
    }

    /**
     * 接收輸入參數、執行任務中的耗時操作、返回線程任務執行的結果
     *
     * @param params
     * @return
     */
    @Override
    protected String doInBackground(String... params) {

        try {
            for (int count = 0; count < 100; count++) {
            
                // 改變count，之後傳給onProgressUpdate中的progresses用於更新進度條
                publishProgress(count);
                // 休眠100毫秒
                Thread.sleep(100);
            }
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return null;
    }

    /**
     * 在主線程 顯示線程任務執行的進度
     *
     * @param progresses
     */
    @Override
    protected void onProgressUpdate(Integer... progresses) {

        int progress = progresses[0];
        progressBar.setProgress(progress);
        text.setText("loading..." + progress + "%");

    }

    /**
     * 接收線程任務執行結果、將執行結果顯示到UI組件
     *
     * @param result
     */
    @Override
    protected void onPostExecute(String result) {

        text.setText("加載完畢");
    }

    /**
     * 將異步任務設置爲：取消狀態
     */
    @Override
    protected void onCancelled() {

        text.setText("已取消");
        progressBar.setProgress(0);

    }
}

這裏在doInBackground方法中用for循環模擬了更新進度條的邏輯，然後在執行相關UI操作，很簡單有沒有！！
主活動

主活動

package com.yaninfo;

import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

/**
 * @Author: zhangyan
 * @Date: 2019/4/4 11:04
 * @Description: 進度條更新活動
 * @Version: 1.0
 */
public class ProgressBarActivity extends AppCompatActivity {

    private MyTask mTask;

    private Button loading;
    private Button cancel;
    private TextView text;
    private android.widget.ProgressBar progressBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.progressbar_layout);

        init();

        // 實例化AsyncTask對象
        mTask = new MyTask(text, progressBar);
    }

    /**
     * 初始化控件
     */
    private void init() {
        loading = findViewById(R.id.loading);
        cancel = findViewById(R.id.cancel);
        text = findViewById(R.id.text);
        progressBar = findViewById(R.id.progress_bar);

        loading.setOnClickListener(new MyListener());
        cancel.setOnClickListener(new MyListener());
    }

    private class MyListener implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.loading:
                    mTask.execute();
                    Log.e("loading", "############");
                    break;
                case R.id.cancel:
                    mTask.cancel(true);
                    Log.e("cancel", "############");
                    break;
                default:
                    break;
            }
        }
    }

    /**
     * 設置取消AsyncTask線程
     */
    @Override
        protected void onPause() {
            super.onPause();
            if (mTask != null && mTask.getStatus() == AsyncTask.Status.RUNNING) {
                // cancel()只是將對應的AsyncTask標記爲cancel狀態爲true
                mTask.cancel(true);
            }
        }
}

這裏我們初始化控件之後，就實例化上面定義的MyTask，最後實現按鈕監聽。
調用execute()方法來啓動線程，這裏想當然是start()方法;

問題：
這裏我們會有一個bug，我們先點擊加載按鈕之後，加載一部分就退出回到主頁面。然後再次點擊加載按鈕，進度條會先繼續加載之前的線程，然後再加載現在的。這裏是因爲AsyncTask內部封裝了線程池的原因，我們可以這樣處理來保證取消當前Activity的時候，AsyncTask線程也跟着終止：
1，ProgressBarActivity類的onPause()方法中添加

 if (mTask != null && mTask.getStatus() == AsyncTask.Status.RUNNING) {
                // cancel()只是將對應的AsyncTask標記爲cancel狀態爲true
                mTask.cancel(true);
            }

這裏的意思是活動取消時，將AsyncTask線程的狀態也變成終止。
2，myTask類中doInBackground()方法中的循環內加判斷

// 判斷是否爲cancel狀態，如果是就終止
                if (isCancelled()) {
                    break;
                }

3，myTask類中onProgressUpdate()方法中的循環內加判斷

        if (isCancelled()) {
            return;
        }

最後貼上MainActivity,java代碼：

package com.yaninfo;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

/**
 * @Author: zhangyan
 * @Date: 2019/4/4 11:04
 * @Description: 主活動
 * @Version: 1.0
 */
public class MainActivity extends AppCompatActivity {

    private Button button1;
    private Button button2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        init();
    }

    private void init() {
        button1 = findViewById(R.id.button1);
        button2 = findViewById(R.id.button2);

        button1.setOnClickListener(new MyListener());
        button2.setOnClickListener(new MyListener());
    }

    /**
     * 按鈕監聽
     */
    private class MyListener implements View.OnClickListener {

        @Override
        public void onClick(View v) {

            switch (v.getId()) {
                case R.id.button1:
                    Intent intent1 = new Intent(MainActivity.this, ImageActivity.class);
                    startActivity(intent1);
                    break;
                case R.id.button2:
                    Intent intent2 = new Intent(MainActivity.this, ProgressBarActivity.class);
                    startActivity(intent2);
                    break;
                default:
                    break;
            }
        }
    }
}

需要加載網絡圖片，權限別忘了:

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

五，AsyncTask的總結

1. AsyncTask底層是線程池，一定要等到上一個線程執行完才執行當前的操作，這是線程池的原理。可以設置AsyncTask生命週期和Activity保持一致，以避免Activity已經取消之後，AsyncTask還在運行；
2. 只有doInBackground在主線程運行，所以doInBackground不能用來更新UI；
3. 線程池中的工作線程執行doInBackground(mParams)方法執行異步任務；
4. 當任務狀態改變之後，工作線程會向UI線程發送消息，AsyncTask內部的InternalHandler響應這些消息，並調用相關的回調函數。

寫在最後：原創不易，覺得對自己有幫助的小老弟，歡迎點贊評論~~~

Android入門項目（四）AsyncTask異步加載圖片和模擬進度條

一，最終效果

二，關於AsyncTask

三，異步加載網絡圖片的核心代碼

四，模擬進度條的核心代碼

五，AsyncTask的總結

如何使用 JS 判斷用戶是否處於活躍狀態

Mono 支持LoongArch架構

lightdb秒級增加列和刪除列（not null帶默認值）

lightdb數據庫超時相關控制參數

通過HPA+CronHPA組合應對業務複雜彈性伸縮場景

❤️‍🔥 Solon Cloud Event 新的事務特性與應用

網絡爬蟲的祕密：如何高效地抓取JD.com視頻鏈接

lightdb mysql 8.0兼容之不可見主鍵

使用 JS 實現在瀏覽器控制檯打印圖片 console.image()

基於Ubuntu-22.04安裝K8s-v1.28.2實驗（四）使用域名訪問網站應用

antdesign 處理props不可變

【ES6】語法入門

Android入門項目（五）藍牙通信發送實現文本和圖片

springboot 非controller類引用service

IntentService源碼分析

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結