中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
如何实现一个仪表盘样式的组件?
微信扫码分享
@Entry @Component struct Index { @State value: number = 20; @State startAngle: number = 210; @State endAngle: number = 150; @State mWidth: number = 10; build() { Column() { Gauge({ value: this.value })//当前刻度 .width(200) .height(200) .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1], [0x9C554B, 1]]) .startAngle(this.startAngle)//起始角度 .endAngle(this.endAngle)//结束角度 .strokeWidth(this.mWidth)//线条宽度 } .width('100%') .height('100%') .justifyContent(FlexAlign.Center) } }