鸿蒙通用组件Progress简介
- 进度条组件----Progress
- 五种类型的Progress
- 设置Progress初始值和默认总长度
- 设置颜色和背景色
- 设置Progress属性
- strokeWidth适用Linear、Ring、ScaleRing三种
- scaleCount适用带有刻度的ScaleRing
- scaleWidth适用于带有刻度的ScaleRing
进度条组件----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的值越大,单个刻度的宽度就越大