【Android 入門開發實戰:口罩地圖】ProgressBar 忙碌圈圈

 

【Android 入門開發實戰:口罩地圖】線上免費講義課程目錄

當我們有繁雜的手續的程式正在運作,如:下載口罩資料,不想讓畫面是空畫面,這個時候我們使用者介面(UI),可以顯示忙碌圈圈,表示目前程式正常運作中,需稍微等待一下,過往我們通常使用 ProgressDialog ,但在 API level 26 官方已宣佈廢棄,目前改採用 ProgressBar。

補充資料:講義範例版本 Kotlin 升級到當下最新版本 v1.4.2,移除廢棄的 synthetic 語法,改採用 View Binding,不熟悉的同學,可以參考 KT 專門寫的這一篇文章:如何使用元件綁定 View Binding

加入 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 (侯光燦)
程式語言:Kotlin
開發環境:Android Studio 4.1.1 & Android 11 & Kotlin 1.4.21
授權範圍:使用時必須註明出處且不得為商業目的之使用
範例下載點:點我下載

這個網誌中的熱門文章

16天記下7000單字

2023 最新入門零基礎 Kotlin教學【從零開始學 Kotlin 程式設計】Kotlin 教學課程目錄 (Android Kotlin, IntelliJ IDEA, Android Studio, Android APP 開發教學)

2022 最新入門零基礎 Flutter教學 【Flutter 程式設計入門實戰 30 天】Flutter 教學課程目錄 (IntelliJ IDEA 開發教學)

nano 文字編輯器

【從零開始學 Flutter 程式設計】SharedPreferences 設定檔資料存取