#鸿蒙通关秘籍#如何创建不同样式的进度条

HarmonyOS
7天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
NetNerd

创建进度条需要使用Progress函数,定义初始进度值、进度条总长度及样式类型。通过调用不同的ProgressType可以选择不同的进度条样式,如线性、环形无刻度、环形有刻度、圆形和胶囊样式。例如:

Progress({ value: 24, total: 100, type: ProgressType.Linear }) // 创建线性进度条
Progress({ value: 40, total: 150, type: ProgressType.Ring }).width(100).height(100) // 创建环形无刻度进度条
Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }).width(100).height(100) // 创建环形有刻度进度条
Progress({ value: 10, total: 150, type: ProgressType.Eclipse }).width(100).height(100) // 创建圆形进度条
Progress({ value: 10, total: 150, type: ProgressType.Capsule }).width(100).height(50) // 创建胶囊样式进度条
分享
微博
QQ
微信
回复
7天前
相关问题
如何实现一个月食样式进度条
346浏览 • 1回复 待解决
如何实现带刻度进度条
648浏览 • 1回复 待解决
如何实现带图片进度条
789浏览 • 1回复 待解决
基于Progress组件进度条
522浏览 • 1回复 待解决
服务卡片进度条如何停止动画
8826浏览 • 1回复 待解决
不同组件不同样式效果如何实现
331浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
737浏览 • 1回复 待解决