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

摘要

作者：红目香薰
团队：坚果派
团队介绍：坚果派由坚果创建，团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 

目录

摘要

HarmonyOS-UIAbitity-LoadingProgress

LoadingProgress作用场景

Color色值

---

HarmonyOS-UIAbitity-LoadingProgress

LoadingProgress组件用于显示加载进展，比如应用的登录界面，当我们点击登录的时候，显示的“正在登录”的进度条状态。LoadingProgress的使用非常简单，只需要设置颜色和宽高就可以了。

LoadingProgress()
  .color(Color.Blue)
  .height(120)
  .width(120) 

我们来看一下效果：

 

 这里没有gif挺麻烦的，如果能直接截屏录制gif就方便了，我找到官方的平台上面终于找到了个gif，这个效果还是很OK的呢。没看到控制旋转速度的api说明，但是用起来是很方便的。

实现源码：

@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色值