HarmonyOS-UIAbitity-LoadingProgress
LoadingProgress组件用于显示加载进展,比如应用的登录界面,当我们点击登录的时候,显示的“正在登录”的进度条状态。LoadingProgress的使用非常简单,只需要设置颜色和宽高就可以了。
LoadingProgress() .color(Color.Blue) .height(120) .width(120)
我们来看一下效果:
这里没有gif挺麻烦的,如果能直接截屏录制gif就方便了,我找到官方的平台上面终于找到了个gif,这个效果还是很OK的呢。没看到控制旋转速度的api说明,但是用起来是很方便的。
实现源码:
代码语言:javascript复制@Entry
@Component
struct Index {
build() {
Row() {
Column() {
LoadingProgress()
.color(Color.Blue)
.height(120)
.width(120)
Button({ type: ButtonType.Circle, stateEffect: true }) {
Image($r('app.media.2'))
.width(200)
.height(400)
.borderRadius(45)
}
.width(420)
.height(620)
.backgroundColor(0x317aff)
}.width('100%')
}
.width('100%')
.height('100%')
}
}
LoadingProgress作用场景
LoadingProgress通常用于在用户界面中显示加载进度。它的作用场景通常是在进行一些耗时操作(如数据加载、文件下载、渲染大量数据等)时,提供给用户一个反馈,让他们知道当前操作正在进行中,并且有一定的进度。
以下是一些常见的使用场景:
网站或应用程序加载数据:当从服务器获取数据并在页面上渲染时,可以使用LoadingProgress来显示加载进度,让用户知道数据正在加载。
文件下载:当用户点击下载文件时,可以在页面上显示一个LoadingProgress,以告知用户下载正在进行中,并显示下载进度。
渲染大量数据:当需要渲染大量数据到页面时,使用LoadingProgress可以减轻用户的等待感,并提供一个反馈机制,让他们知道渲染进度。
异步操作:在进行一些异步操作(如API调用、定时任务等)时,可以使用LoadingProgress来告知用户操作正在进行中,并显示进度。
插件或工具应用:当使用一些插件或工具应用时,它们通常会提供加载进度的功能,以便用户知道当前操作正在进行中。
Color色值
颜色名称 | 颜色值 | 颜色示意 |
---|---|---|
Black | 0x000000 | |
Blue | 0x0000ff | |
Brown | 0xa52a2a | |
Gray | 0x808080 | |
Green | 0x008000 | |
Orange | 0xffa500 | |
Pink | 0xffc0cb | |
Red | 0xff0000 | |
White | 0xffffff | |
Yellow | 0xffff00 | |
Grey | 0x808080 |