HarmonyOS如何绘制渐变的圆环,中间是镂空的透明色?

HarmonyOS如何绘制渐变的圆环,中间是镂空的透明色?

HarmonyOS
2024-10-09 12:04:56
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以参考以下代码:

@Entry  
@Component  
struct LinearGradientDataPanelExample {  
  public values: number[] = [99]  
  public color: LinearGradient = new LinearGradient([{ color: "rgba(45, 152, 248, 0)", offset: 0 }, {  
    color: "rgba(45, 152, 248, 1)",  
    offset: 0.5  
  }, { color: "rgba(82, 65, 230, 1)", offset: 1 }])  
  @State bgColor: string = '#08182431'  
  @State colorArray: Array<LinearGradient | ResourceColor> = [this.color]  
  build() {  
    Column({ space: 5 }) {  
        DataPanel({ values: this.values, max: 100, type: DataPanelType.Circle })  
          .width(300)  
          .height(300)  
          .valueColors(this.colorArray)  
          .trackShadow(null)  
          .strokeWidth(10)  
          .trackBackgroundColor(this.bgColor)  
      }  
      .rotate({  
        x: 0,  
        y: 0,  
        z: 1,  
        centerX: '50%',  
        centerY: '50%',  
        angle: 90  
      })  
  }  
}
分享
微博
QQ
微信
回复
2024-10-09 17:43:16
相关问题
HarmonyOS 如何设置Entry页面透明页面
481浏览 • 1回复 待解决
如何生成扫码时镂空遮罩?
206浏览 • 1回复 待解决
Js UI 如何设置状态栏背景透明
3314浏览 • 1回复 待解决
如何实现镂空效果,有人知道吗?
356浏览 • 1回复 待解决
HarmonyOS 如何实现半透明Page
246浏览 • 1回复 待解决
HarmonyOS 单纯渐变View
400浏览 • 2回复 待解决