文本组件是否支持分段设置字体样式

文本组件是否支持分段设置字体样式

HarmonyOS
2024-01-20 11:42:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
RipperJohn

单个组件只能设置一种字体样式,但是可以通过多个组件来实现一行文本展示不同样式。

代码示例

@Entry 
@Component 
struct TestDemoPage { 
  @State message: string = "Hello World"; 
 
  build() { 
    Row() { 
      Column() { 
        Text() { 
          Span('测试文本: ') 
            .fontSize(20) 
            .fontWeight(FontWeight.Bolder) 
            .fontColor(Color.Black) 
          Span(this.message) 
            .fontSize(15) 
            .fontColor(Color.Red) 
        } 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}

参考文档

Text组件

分享
微博
QQ
微信
回复
2024-01-21 00:44:50
相关问题
设置组件不同状态下的样式
183浏览 • 1回复 待解决
如何设置组件不同状态下的样式
173浏览 • 1回复 待解决
Text组件是否支持多行显示
95浏览 • 1回复 待解决
通用属性width是否支持设置变量
127浏览 • 1回复 待解决
动态设置文本导致致命错误
5303浏览 • 1回复 待解决
鸿蒙IndexBar如何设置字体大小?
5179浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
6390浏览 • 1回复 待解决
@Extend的样式如何跨组件共享?
520浏览 • 1回复 待解决
Text组件是否支持小图片和表情包
85浏览 • 1回复 待解决
Grid组件的scrollBar是否支持自定义
125浏览 • 1回复 待解决
JS ui支持vp、字体大小支持fp了吗?
4148浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
206浏览 • 1回复 待解决