6.图解鸿蒙之SymbolSpan-通过renderingStrategy属性设置渲染策略

88 阅读1分钟

图解鸿蒙之 SymbolSpan - 通过 [renderingStrategy] 属性设置渲染策略

嘿,宝贝!让我来讲讲这个超可爱的 "renderingStrategy 属性设置 SymbolSpan 的渲染策略" 吧。

把 SymbolSpan 想象成一个超级萌的小符号精灵🧚‍♀️。这个小精灵呢,它要出现在屏幕这个小舞台上,就需要有一个出场的方式,这就是渲染策略啦。

Row() {
  Column() {
    Text("单色")
    Text() {
      SymbolSpan($r('sys.symbol.ohos_folder_badge_plus'))
        .fontSize(100)
        .renderingStrategy(SymbolRenderingStrategy.SINGLE)
        .fontColor([Color.Black, Color.Green, Color.White])
    }
  }

  Column() {
    Text("多色")
    Text() {
      SymbolSpan($r('sys.symbol.ohos_folder_badge_plus'))
        .fontSize(100)
        .renderingStrategy(SymbolRenderingStrategy.MULTIPLE_COLOR)
        .fontColor([Color.Black, Color.Green, Color.White])
    }
  }

  Column() {
    Text("分层")
    Text() {
      SymbolSpan($r('sys.symbol.ohos_folder_badge_plus'))
        .fontSize(100)
        .renderingStrategy(SymbolRenderingStrategy.MULTIPLE_OPACITY)
        .fontColor([Color.Black, Color.Green, Color.White])
    }
  }
}
```

PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇~