text文本组件可以设置不同字不同颜色吗

text文本组件可以设置不同字不同颜色吗

HarmonyOS
2024-08-05 16:07:28
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
椰子的笔记

在文本排版中,虽然单个组件默认仅支持设置一种字体样式,但我们可以通过组合多个组件的方式,来实现在同一行文本中展示不同的字体样式效果。这种排版策略能够有效地满足用户对文本样式的多样化需求。

参考代码如下:

@Entry
@Component
struct TestDemoPage {
  @State message: string = "Hello World";

  build() {
    Row() {
      Column() {
        Text() {
测试文本: ')
            .fontSize(20)
            .fontWeight(FontWeight.Bolder)
            .fontColor(Color.Black)
          Span(this.message)
            .fontSize(15)
            .fontColor(Color.Red)
        }
      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-08-05 20:12:12
相关问题
文本组件是否支持分段设置字体样式
2084浏览 • 1回复 待解决
如何设置组件不同状态下的样式
1851浏览 • 1回复 待解决
设置组件不同状态下的样式
1999浏览 • 1回复 待解决
HarmonyOS 富文本组件问题
207浏览 • 1回复 待解决
Text怎么设置文本渐变?
188浏览 • 0回复 待解决
Java Text控件,如何设置间距?
6855浏览 • 1回复 待解决
HarmonyOS Badge文本颜色设置不生效
172浏览 • 1回复 待解决
不同组件不同样式的效果如何实现
264浏览 • 1回复 待解决
获取文本Text组件的宽度
399浏览 • 1回复 待解决