在HarmonyOS NEXT开发中文本渐变色怎么处理？

Question

在HarmonyOS NEXT开发中文本渐变色怎么处理？

Answer 1

使用linearGradient与blendMode结合可以实现该效果,参考文档如下：
linearGradient：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...
blendmode：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...
也可以参考如下demo：

@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World' 
 
  build() { 
    Row() { 
      Column() { 
        Row() { 
          Text(this.message) 
            .fontSize(50) 
            .fontWeight(FontWeight.Bold) 
            .blendMode(BlendMode.DST_IN, BlendApplyType.OFFSCREEN) 
        }.linearGradient({ 
          direction: GradientDirection.Right, 
          colors: [[0xff0000, 0.0], [0x0000ff, 0.3], [0xffff00, 1.0]] 
        }).blendMode(BlendMode.SRC_OVER, BlendApplyType.OFFSCREEN) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}