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

HarmonyOS
7天前
浏览
收藏 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
微信
回复
7天前
相关问题
如何自定义滚动样式
551浏览 • 1回复 待解决
如何实现一个月食样式进度条
346浏览 • 1回复 待解决
如何实现带刻度进度条
648浏览 • 1回复 待解决
如何实现带图片进度条
789浏览 • 1回复 待解决
基于Progress组件进度条
522浏览 • 1回复 待解决
服务卡片进度条如何停止动画
8826浏览 • 1回复 待解决