鸿蒙通用组件Progress简介

进度条组件----Progress

五种类型的Progress

ProgressType.Capsule 胶囊样式
ProgressType.Linear 线性样式
ProgressType.Eclipse ⽉⻝样式
ProgressType.Ring 环形⽆刻度样式
ProgressType.ScaleRing 环形有刻度样式

设置Progress初始值和默认总长度

Progress({value:10,total: 80})// 初始化为10，总长度为80

设置颜色和背景色

.color(Color.Red) // 颜色
.width('60%') // 进度条长度或者进度条大小
.backgroundColor(Color.Blue) // 进度条背景色

设置Progress属性

通过style({strokeWidth?: string|number|Resource,scaleCount?: number scaleWidth?: string|number|Resource})设置Progress属性.

strokeWidth适用Linear、Ring、ScaleRing三种

strokeWidth的值越来，线条就越宽

scaleCount适用带有刻度的ScaleRing

scaleCount的值越大，刻度就越密集

scaleWidth适用于带有刻度的ScaleRing

scaleWidth的值越大，单个刻度的宽度就越大