iT邦幫忙

2021 iThome 鐵人賽

DAY 11
1
Mobile Development

Android 口罩地圖入門實戰 30 天 (使用 Kotlin 程式語言)系列 第 11

Day 11:ProgressBar 忙碌圈圈

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

程式碼範例

範例名稱:下載資料時顯示忙碌圈圈
開發人員: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 線上教室,臉書粉絲團,會不定期發佈相關資訊,不想錯過最新資訊,不要忘記來按讚,追蹤喔!也歡迎大家將這篇文章分享給更多人喔。

我們明天再見囉!!!掰掰~


上一篇
Day 10:Gson 資料解析
下一篇
Day 12:封裝 OkHttp
系列文
Android 口罩地圖入門實戰 30 天 (使用 Kotlin 程式語言)30

尚未有邦友留言

立即登入留言