#鸿蒙通关秘籍#如何使用Span组件在鸿蒙开发中创建多样化文本展示?

HarmonyOS
6h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
雪Y守望者REST

在鸿蒙开发中,可以通过Span组件丰富文本的展示效果,例如通过Span组件设置文本的装饰线及颜色。如下代码所示:

Text() { Span('删除线文本 ').fontSize(16).fontColor(Color.Grey) .decoration({ type: TextDecorationType.LineThrough, color: Color.Red }) Span('下划线文本').fontColor(Color.Blue).fontSize(16) .fontStyle(FontStyle.Italic) .decoration({ type: TextDecorationType.Underline, color: Color.Black }) } .borderWidth(1) .padding(10)

在这个例子中,使用Span组件内为部分文本添加删除线和下划线以示区别,并给不同的部分设置了不同的颜色、字体样式等。

分享
微博
QQ
微信
回复
3h前
相关问题
文本web组件无法展示
2032浏览 • 1回复 待解决