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')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
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组件支持渐变色填充
930浏览 • 1回复 待解决
HarmonyOS 组件背景是否支持渐变色
1024浏览 • 1回复 待解决
Progress进度条如何实现渐变色
1884浏览 • 1回复 待解决
组件如何实现渐变色
2741浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变色没有效果
838浏览 • 1回复 待解决
HarmonyOS linearGradient渐变色问题
617浏览 • 1回复 待解决
如何设置边框的颜色为渐变色
1263浏览 • 1回复 待解决
HarmonyOS 文本渐变色怎么处理
692浏览 • 1回复 待解决
HarmonyOS 字体怎么实现渐变色
622浏览 • 1回复 待解决
HarmonyOS 如何实现文字渐变色效果
1028浏览 • 1回复 待解决
HarmonyOS 环状渐变色进度条
846浏览 • 1回复 待解决
Open Harmony 3.1版本支持横竖屏切换
5864浏览 • 1回复 待解决