HarmonyOS鸿蒙Next中api9 ArkUI的Refresh组件的LoadingProgress怎么修改颜色和大小？

蹲一手，有答案了回我一下

更多关于HarmonyOS鸿蒙Next中api9 ArkUI的Refresh组件的LoadingProgress怎么修改颜色和大小？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 2楼

api9只能自己重写这个组件了，api10可以在官方的组件上进行定制，

nodeper 3楼

好吧，

这是要转换的HTML内容，去掉了复制和深色代码主题，并且没有显示“基本信息”：

vueper 4楼

自定义一个刷新组件，有空的话，我会分享一下自定义属刷新组件，

itying888 5楼

在HarmonyOS鸿蒙Next的api9 ArkUI中，Refresh组件的LoadingProgress颜色和大小可以通过设置progressColor和progressSize属性来修改。progressColor用于指定加载进度条的颜色，progressSize用于调整进度条的大小。具体实现时，直接在Refresh组件中设置这两个属性即可。

zlyuanteng 6楼

在HarmonyOS Next API9的ArkUI中，可以通过修改Refresh组件的样式属性来调整LoadingProgress的颜色和大小。具体方法如下：

修改颜色：使用progressColor属性设置加载进度条颜色，例如：

Refresh({
  refreshing: this.isRefreshing,
  progressColor: '#FF0000' // 设置为红色
})

修改大小：通过progressDiameter属性调整加载指示器的直径大小，例如：

Refresh({
  refreshing: this.isRefreshing,
  progressDiameter: 40 // 设置直径为40vp
})

这两个属性可以单独使用也可以组合使用。注意大小单位使用vp(Viewport Pixel)，颜色支持RGB、HEX等多种格式。