鸿蒙 ArkTs 渐变色

线性渐变色

linearGradient

代码例子如下

        Rect()
          .width('100%')
          .height(200)
          .fillOpacity(0.0)
          .linearGradient({
            direction : GradientDirection.Right,//渐变方向
            repeating :false, //渐变颜色是否重复
            colors :[["#fff35353",0.0],["#8000ff46",0.6],["#001847ba",0.9]]
          })

重点说下

colors :[["#fff35353",0.0],["#8000ff46",0.6],["#001847ba",0.9]]

"#fff35353" 这个是颜色，如果不是颜色就直接跳过
0.0 这个是一个归一化的数值，表示这个颜色会在渐变的起点处应用。它是一个从 0 到 1 的浮点数，代表了渐变范围内的相对位置。0.0 意味着这是渐变的开始位置，即最左边或最顶端，取决于渐变的方向。

角度渐变。

sweepGradient
文档直达

径向渐变。

radialGradient
文档直达