优秀的编程知识分享平台

网站首页 > 技术文章 正文

鸿蒙开发(十一):Text 组件(鸿蒙fragment)

nanyue 2024-07-20 23:35:55 技术文章 12 ℃

Text 是一个用于显示文本的组件。

构造函数

/**
 * 文本
 * @form
 * @since 9
 */
interface TextInterface {
    /**
     * Called when writing text.
     * @form
     * @since 9
     */
    (content?: string | Resource): TextAttribute;
}

该函数接受一个可选的参数 content,其类型为 string 或 Resource 的联合类型。

string 类型表示内容可以是一个字符串。

Resource 类型表示内容可以是一个资源对象,也就是定义在 resources 目录下的字符值资源。

函数的返回类型为 TextAttribute,用于描述文本的样式、颜色、字体等属性。

属性

属性

作用

fontColor

字体颜色

fontSize

字号

minFontSize

最小字号

maxFontSize

最大字号

fontStyle

文本样式(斜体)

fontWeight

字重(粗细)

textAlign

文本水平对齐方式

lineHeight

行高

textOverflow

文本溢出

fontFamily

字体

maxLines

最大行数

decoration

上划线、下划线、删除线

letterSpacing

字符的间距

textCase

大小写转换

baselineOffset

基线偏移量

copyOption

允许复制

Text('ABCDEFGHIJKLMNOPQRSTABCDEFG')
  .fontColor('#B3261E')
  .fontSize(30)
  .minFontSize(20)
  .maxFontSize(50)
  .fontStyle(FontStyle.Italic)
  .fontWeight(FontWeight.Bold)
  .textAlign(TextAlign.Start)
  .lineHeight(50)
  .textOverflow({ overflow: TextOverflow.Ellipsis }) 
    // .fontFamily()
  .maxLines(1)
  .decoration({ type: TextDecorationType.LineThrough, color: '#0000ff' })
  .letterSpacing(10)
  .textCase(TextCase.LowerCase)
    // .baselineOffset(10)
  .copyOption(CopyOptions.InApp)

效果:

最近发表
标签列表