#鸿蒙通关秘籍#如何自定义环形进度条的样式

HarmonyOS
2024-12-05 14:05:46
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
暖玉生烟JWT

使用ProgressType.Ring或者ProgressType.ScaleRing创建环形进度条,并通过.color().style()方法来自定义进度条的前景色、线宽和刻度。例如,可以通过以下代码实现自定义的环形无刻度和环形有刻度进度条:

Progress({ value: 40, total: 150, type: ProgressType.Ring }).width(100).height(100)
    .color(Color.Grey)
    .style({ strokeWidth: 15})

Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }).width(100).height(100)
    .backgroundColor(Color.Black)
    .style({ strokeWidth: 15, scaleCount: 20, scaleWidth: 5 })
分享
微博
QQ
微信
回复
2024-12-05 16:49:23
相关问题
HarmonyOS 进度条样式
37浏览 • 1回复 待解决
如何自定义滚动样式
733浏览 • 1回复 待解决
如何实现一个月食样式进度条
443浏览 • 1回复 待解决
如何实现带刻度进度条
766浏览 • 1回复 待解决