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 线上教室,脸书粉丝团,会不定期发布相关资讯,不想错过最新资讯,不要忘记来按赞,追踪喔!也欢迎大家将这篇文章分享给更多人喔。

我们明天再见罗!!!掰掰~


<<:  [DAY3]K8S元件初探-Control Plane Components

>>:  Day9 - pandas(4)Series与DataFrame的运算

# Day13--你到底爱不爱我?我们来解包这个Optional

之前在阅读相关文章的时候,算是刚接触Optional这个概念,对於可选的概念,觉得很模糊,不过後来知...

Day29 JQuery盖板广告应用

昨天介绍了JQuery点击隐藏的用法,今天要做一些稍为的延伸,建立一个盖板广告後,点击旁边盖板逛告消...

DAY 17 - 九尾狐妹妹 (1) 草稿

大家好~ 我是五岁~~ 我要来尝试画些比较细致(复杂?)的东西~ 今天就来画画看九尾狐小妹妹吧~~ ...

【Day 10】- 你的爬虫是哪一类的? (网路爬虫的类型)

前情提要 前一篇文章带大家看了 BeautifulSoup 库的使用,用他来做资料清洗,使我们真正想...

[MSSQL维护] SQL 侦测 - 在忙什麽,为什麽这麽慢~~

不乖,就杀了你 KILL SPID KILL 83 Query在忙什麽? if 1=1 SELECT...