HarmonyOS 环状渐变色进度条

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

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

HarmonyOS
2天前
浏览
收藏 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%')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
Progress进度条如何实现渐变色
857浏览 • 1回复 待解决
HarmonyOS 字体怎么实现渐变色
12浏览 • 1回复 待解决
组件如何实现渐变色
2088浏览 • 1回复 待解决
HarmonyOS 文本渐变色怎么处理
64浏览 • 1回复 待解决
HarmonyOS 如何实现文字渐变色效果
60浏览 • 1回复 待解决
HarmonyOS 组件背景是否支持渐变色
275浏览 • 1回复 待解决
Rect组件支持渐变色填充吗?
309浏览 • 1回复 待解决
HarmonyOS 怎样实现进度条
18浏览 • 1回复 待解决
HarmonyOS 多彩色进度条展示
11浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变色没有效果
65浏览 • 1回复 待解决
基于Progress组件的进度条
565浏览 • 1回复 待解决
如何设置边框的颜色为渐变色
535浏览 • 1回复 待解决
如何实现带刻度的进度条
704浏览 • 1回复 待解决
如何实现带图片的进度条
824浏览 • 1回复 待解决
弧形进度条实现,有人知道方法吗?
779浏览 • 1回复 待解决
服务卡片的进度条如何停止动画
8859浏览 • 1回复 待解决