Span组件设置行间距间距

有一个Text,里面包含了好几个span组件。我现在想要设置每个span组件的行间距这个要如何设置???麻烦提供下demo。

HarmonyOS
2024-10-09 10:30:46
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

span组件 通用属性方法仅支持文本通用属性,无法设置margin高度等尺寸位置属性,所以针对Text里面包含了多个span组件的场景,无法设置每个span组件的行间距;建议使用一个Row 包含多个Text 组件的方法配置;span组件介绍如下:(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-span-V5

@Extend(Span)  
function normal() {  
  .fontSize(16)  
}  
  
@Extend(Span)  
function hyperlink(callBack?: () => void) {  
  .fontColor(Color.Red)  
  .fontSize(16)  
  .onClick(() => {  
    if (callBack) {  
      callBack()  
    }  
  })  
}  
  
@Entry  
@Component  
struct Index {  
  method1() {  
    console.log("1111111")  
  }  
  method2() {  
  }  
  
  build() {  
    Row() {  
      Text() {  
        Span("该组件从")  
          .normal()  
        Span("API Version7")  
          .hyperlink(this.method1)  
  
        Span("开始支持。")  
          .normal()  
        Span("后续版本如有新增内容,则采用上角标单独标记改内容的起始版本。该组件从")  
          .normal()  
        Span("API Version 10")  
          .hyperlink(this.method2)  
  
        Span("开始支持继承父组件Text的属性,即如果子组件未设置属性且父组件设置属性,则集成父组件设置的属性。")  
          .normal()  
      }  
      .textAlign(TextAlign.Start)  
    }  
    .width("100%")  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
分享
微博
QQ
微信
回复
2024-10-09 16:16:01
相关问题
HarmonyOS Text组件设置行间距吗?
1228浏览 • 0回复 待解决
HarmonyOS text如何设置行间距
561浏览 • 1回复 待解决
HarmonyOS 如何设置Text的行间距
574浏览 • 1回复 待解决
Text多行展示时,如何设置行间距
924浏览 • 1回复 待解决
使用lineHeight行间距展示不正确
936浏览 • 1回复 待解决
HarmonyOS Text中的span不能设置间距
626浏览 • 1回复 待解决
HarmonyOS text组件如何设置行上下间距
605浏览 • 1回复 待解决
如何设置镜像语言的左右间距
1142浏览 • 1回复 待解决
HarmonyOS lineSpacing间距设置有问题
798浏览 • 1回复 待解决
TextInput ,TextArea无法设置字体间距
966浏览 • 1回复 待解决
如何设置分组列表的圆角和间距
2705浏览 • 1回复 待解决
Java Text控件,如何设置间距
7818浏览 • 1回复 待解决
HarmonyOS Grid间距问题
596浏览 • 1回复 待解决