HarmonyOS 如何根据ResourceColor获取真实的RGB颜色值

可以通过一下示例方式修改背景颜色。

示例：

@Entry
@Component
struct Index {
  @State backColor: Color = Color.White;
  @State flag: Boolean = false;
  @State colors: [string|number, number][] = [[0xff0000, 0.0], [0x0000ff, 0.3], [0xffff00, 0.5]];
  build() {
    Row() {
      Column() {
        Button()
          .backgroundColor(this.backColor)
          .radialGradient({center: [50,50], radius: 60, repeating: true, colors:this.colors})
          .onClick(()=>{
            this.flag=!this.flag;
            this.backColor = this.flag ? Color.White:Color.Blue;
            this.colors = this.flag ? [[0xff0000, 0.0], [0x0000ff, 0.3], [0xffff00, 0.5]] : [[0x0000ff, 0.0], [0xff0000, 0.3], [0xffff00, 0.5]]
          })
      }
      .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.
22.
23.

如需通过Resource获取颜色，例如获取路径app.color.xxx,可通过以下示例实现：

let colorNumber = this.context.resourceManager.getColorSync($r('app.color.xxx').id) // 获取对应颜色的十进制结果
const hex = colorNumber.toString(16)
const paddedHex = hex.padStart(6, '0')
let colorStr = `#${paddedHex}` //需要获取的Resource颜色的字符串
1.
2.
3.
4.