HarmonyOS progress组件线性样式设置渐变色不生效,是dp2版本API暂不支持吗

代码如下:

Progress({ value: 70, total: 100, type: ProgressType.Linear }) 
  .width(100) 
  .height(9) 
  .margin({ right: 16 }) 
  .color( new LinearGradient([{ color: "#65ed08f5", offset: 0 }, { color: "#65ef0849", offset: 1 }])) 
  .alignRules({ 
    'top': { anchor: "__container__", 'align': VerticalAlign.Top }, 
    'right': { anchor: "netWorkStateImage", 'align': HorizontalAlign.Start }, 
    'bottom': { anchor: "__container__", 'align': VerticalAlign.Bottom } 
  }) 
  .backgroundColor($r('app.color.rb_v1_timer_bg')) 
  .id('timeProgress')
HarmonyOS
2024-09-02 12:23:35
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

LinearGradient设置Ring样式的渐变色,当前样式为Linear ,所以不生效。

参考文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-progress-V5#属性

您本身代码并没有问题,渐变效果没有生效,是因为只有样式是Ring的时候,设置LinearGradient才有用。目前Linear仅支持单色显示。

分享
微博
QQ
微信
回复
2024-09-02 18:02:46
相关问题
Rect组件支持渐变色填充
444浏览 • 1回复 待解决
Progress进度条如何实现渐变色
1063浏览 • 1回复 待解决
HarmonyOS 组件背景是否支持渐变色
494浏览 • 1回复 待解决
组件如何实现渐变色
2154浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变色没有效果
225浏览 • 1回复 待解决
HarmonyOS linearGradient渐变色问题
34浏览 • 1回复 待解决
如何设置边框的颜色为渐变色
646浏览 • 1回复 待解决
HarmonyOS 字体怎么实现渐变色
88浏览 • 1回复 待解决
HarmonyOS 文本渐变色怎么处理
160浏览 • 1回复 待解决
HarmonyOS 环状渐变色进度条
200浏览 • 1回复 待解决
HarmonyOS 如何实现文字渐变色效果
278浏览 • 1回复 待解决
Open Harmony 3.1版本支持横竖屏切换
5232浏览 • 1回复 待解决