本篇文章同步發表在 HKT 線上教室 部落格，線上影音教學課程已上架至 Udemy 和 Youtube 頻道。另外，想追蹤更多相關技術資訊，歡迎到 臉書粉絲專頁 按讚追蹤喔～

程式碼範例

範例名稱：下載資料時顯示忙碌圈圈
開發人員：HKT (侯光燦)
程式語言：Kotlin
開發環境：Android Studio 4.1.1 & Android 11 & Kotlin 1.4.21
授權範圍：使用時必須註明出處且不得為商業目的之使用
範例下載點：點我下載

當我們有耗時的程式正在運作，如：下載口罩資料這個過程，不想讓畫面是空白畫面使用戶以為 APP 壞掉，但實際背後正在下載資料，這個時候我們使用者介面(UI)，可以顯示忙碌圈圈，表示目前程式正常運作中，需稍微等待一下，而過往我們通常使用 ProgressDialog ，但在 Android API level 26 ，官方已宣佈廢棄，目前改採用 ProgressBar。

加入 ProgressBar

畫面佈局中，加入忙碌圈圈(ProgressBar)元件

<ProgressBar
    android:id="@+id/progressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

顯示忙碌圈圈

準備開始下載口罩資料時，我們就可以開啟顯示忙碌圈圈。

binding.progressBar.visibility = View.VISIBLE

關閉忙碌圈圈

口罩資料，下載完畢，我們即可以關閉忙碌圈圈。

binding.progressBar.visibility = View.GONE

輸出結果

參考資料

HKT 線上教室
https://tw-hkt.blogspot.com/

Freepik
https://www.freepik.com/

那今天【iThome 鐵人賽】就介紹到這邊囉～

順帶一提，KT 線上教室，臉書粉絲團，會不定期發佈相關資訊，不想錯過最新資訊，不要忘記來按讚，追蹤喔！也歡迎大家將這篇文章分享給更多人喔。

我們明天再見囉！！！掰掰～