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

​

 摘要

作者：红目香薰
团队：坚果派
团队介绍：坚果派由坚果创建，团队拥有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色值

​