DataPanel如何实现颜色的渐变?

DataPanel如何实现颜色的渐变?

HarmonyOS
2024-07-27 11:43:38
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
橱柜里的蛙
public colorShadow1: LinearGradient =
new LinearGradient([{ color: "#08182431", offset: 0 }, { color: "#08182431", offset: 1 }])
public color1: LinearGradient =
new LinearGradient([{ color: "#65EEC9A3", offset: 0 }, { color: "#FFEF629F", offset: 1 }])

build() {
  Column() {
    Stack() {
      DataPanel({ values: [60], max: 100, type: DataPanelType.Circle })
        .valueColors([this.color1])
        .trackShadow({
          radius: 5,
          colors: [this.colorShadow1],
          offsetX: 15,
          offsetY: 15
        })
    }
  }
  .width("100%")
  .height("100%")
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

分享
微博
QQ
微信
回复
2024-07-27 19:23:44
相关问题
如何实现组件边缘颜色渐变
2866浏览 • 1回复 待解决
HarmonyOS Tab颜色渐变宽度渐变
865浏览 • 1回复 待解决
如何设置边框颜色渐变色?
1226浏览 • 1回复 待解决
文字背景颜色渐变显示
2857浏览 • 1回复 待解决
类似边框颜色线性渐变
1364浏览 • 1回复 待解决
如何实现渐变圆角边框
3340浏览 • 1回复 待解决
HarmonyOS Canvas颜色是否支持径向渐变
766浏览 • 1回复 待解决
HarmonyOS 环形渐变如何实现
500浏览 • 1回复 待解决
组件如何实现渐变色?
2710浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果?
1062浏览 • 1回复 待解决
如何实现顶部渐变遮罩效果
1148浏览 • 1回复 待解决
渐变动画效果如何实现
287浏览 • 0回复 待解决
HarmonyOS 如何实现透明度渐变效果
702浏览 • 1回复 待解决
HarmonyOS 渐变遮罩效果如何实现
956浏览 • 1回复 待解决
HarmonyOS 如何实现文字渐变色效果
974浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变圆形图片;
13456浏览 • 2回复 已解决