HarmonyOS 如何实现根据进度设置部分文本的颜色

HarmonyOS
2024-12-20 16:57:54
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu
@Entry
@Component
struct Page240126155113078 {
  @State message: string = 'Hello World';
  @State value: number = 0.6

  build() {
    Row() {
      Column() {
        Row() {
          Text(this.message)
            .fontSize(50)
            .fontColor(Color.Black)
            .fontWeight(FontWeight.Bold)
            .blendMode(BlendMode.DST_IN, BlendApplyType.OFFSCREEN)
        }.linearGradient({
          direction: GradientDirection.Right,
          colors: [[0xff0000, 0.0], [0xff0000, this.value], [0x000000, this.value], [0x000000, 1.0]]
        }).blendMode(BlendMode.SRC_OVER, BlendApplyType.OFFSCREEN)
        .backgroundImageSize({ width: 0, height: 0 })

        Button("add").onClick(() => {
          this.value += 0.01
        })
        Button("--").onClick(() => {
          this.value -= 0.01
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-20 19:57:23
相关问题
text怎么更改部分文颜色
7472浏览 • 1回复 待解决
HarmonyOS 部分文本高亮解决方案
546浏览 • 1回复 待解决
HarmonyOS Text部分文字高亮设置
388浏览 • 1回复 待解决
HarmonyOS Badge文本颜色设置不生效
705浏览 • 1回复 待解决