HarmonyOS-UIAbitity-LoadingProgress——【坚果派-红目香薰】

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