HarmonyOS Slider轨道颜色设置渐变色不生效？

Question

Slider({
  value: 0,
  min: 0,
  max: 100,
  style: SliderStyle.OutSet
})
  .trackColor({
    angle: 90,
    colors:  [["#F4481F", 0],
      ["#FBFF1C", 0.51],
      ["#61FE00", 1]],
  })
  .onChange((value: number, mode: SliderChangeMode) => {
  })

Answer 1

@Entry
@Component
struct Page24195 {
  @State trackColor: LinearGradient = new LinearGradient([{ color: "#F4481F", offset: 0 },
    { color: "#FBFF1C", offset: 0.51 }, { color: "#61FE00", offset: 1 }])

  build() {
    Column() {
      Text('滑块trackColor设置为白色到灰色的线性渐变').fontSize(12).fontColor(0xcccccc).margin({ top: 12, bottom: 12 })
      Slider({ style: SliderStyle.OutSet, value: 50 })
        .trackColor(this.trackColor)
        .onChange((value: number) => {
          console.info(value.toString())
        })
    }.margin({ top: 12, bottom: 12 })
  }
}

已滑动部分请使用selectedColor设置，可以参考下：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-slider-V5\#selectedcolor

但是selectedColor还不能设置渐进色