HarmonyOS 环状渐变色进度条

如何实现图中展示的环状渐变色进度条

HarmonyOS  环状渐变色进度条  -鸿蒙开发者社区

HarmonyOS
2024-12-24 16:40:58
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

参考demo:

@Entry
@Component
struct ProgressRing {
  @State message: string = 'Hello World';
  private Linear_gradientColor: LinearGradient = new LinearGradient([{color:Color.Red,offset:0.5},{color:Color.Yellow,offset:1.5}])
  build() {
    RelativeContainer() {
      Progress({ value: 100, type: ProgressType.Ring }).width(100)
        .color(this.Linear_gradientColor)
    }
    .height('100%')
    .width('100%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
分享
微博
QQ
微信
回复
2024-12-24 18:44:02
相关问题
Progress进度条如何实现渐变色
1817浏览 • 1回复 待解决
HarmonyOS linearGradient渐变色问题
566浏览 • 1回复 待解决
HarmonyOS 字体怎么实现渐变色
565浏览 • 1回复 待解决
组件如何实现渐变色
2700浏览 • 1回复 待解决
HarmonyOS 文本渐变色怎么处理
668浏览 • 1回复 待解决
HarmonyOS 如何实现文字渐变色效果
940浏览 • 1回复 待解决
HarmonyOS 组件背景是否支持渐变色
983浏览 • 1回复 待解决
HarmonyOS 进度条样式
822浏览 • 1回复 待解决
Rect组件支持渐变色填充吗?
902浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变色没有效果
805浏览 • 1回复 待解决
HarmonyOS 怎样实现进度条
1032浏览 • 1回复 待解决
如何设置边框的颜色为渐变色
1217浏览 • 1回复 待解决
HarmonyOS 多彩色进度条展示
460浏览 • 1回复 待解决
基于Progress组件的进度条
1475浏览 • 1回复 待解决
HarmonyOS 多图片合集轮播+进度条
620浏览 • 1回复 待解决
如何实现带刻度的进度条
1253浏览 • 1回复 待解决