鸿蒙应用开发 |常用组件Text

鸿蒙应用开发 |常用组件Text

**Text()**作为在鸿蒙开发中最常用的组件，它拥有很多的属性，用于对文本样式的细节处理，下面来一个一个介绍一下

1. fontSize（）

1. 属性：fontSize(数字)

2. 提示：默认字体大小为 16，单位 fp（字体像素）

2. fontColor()

作用：调整字体颜色

色值：

1. 颜色枚举值：Color.xx，例如：Color.Pink

2. 十六进制（HEX）颜色，例如：'#ffffff’或“#fff”

3. rgb() 或 **rbga()**颜色

• • rgb(r, g, b)， 取值为 0 ~ 255
  • **rgba**(r, g, b, a)，a 为透明度，取值范围 0 ~ 1

1.ResourceColor类型

2.十六进制颜色码

3.RGB(可以和HEX相互转换)

3. fontStyle()

1. 作用：设置字体是否倾斜
2. 属性：.fontStyle()
3. 参数：枚举FontStyle
   • Normal：正常字体（不倾斜）
   • Italic：斜体

4. fontWeight()

1. 作用：调节字体粗细

2. 属性：.fontWeight()

3. 参数：

   • [100, 900]，取值越大，字体越粗，默认值为 400 (常用)

   • 枚举 fontWeight

   • • Lighter：字体较细
     • Normal：字体粗细正常，默认值
     • Regular：字体粗细正常
     • Medium：字体粗细适中
     • Bold：字体较粗
     • Bolder：字体非常粗**

5. lineHeight()

1. 作用：设置文本行高

6. decoration()

1. 作用：设置文本装饰线样式及其颜色

2. 参数：{}

   • type：修饰线类型，TextDecorationType（枚举）

   • • None：无
     • Underline：下划线
     • LineThrough：删除线
     • Overline：顶划线

   • color：修饰线颜色，可选，默认为黑色

7.textAlign()&&align()

1.textAlign() 文本水平对齐方式

1. 属性：textAlign

2. 参数：枚举 TextAlign

• Start：左对齐，默认值

• Center：居中

• End：右对齐

  

2.align() 文本垂直对齐方式

1. 属性： align()

2. 参数： 枚举Alignment

   • top: 顶部对齐

   • Center：居中 ， 默认值

   • bottom：底部对齐

     

8.下面是关于文本段落常用的属性

1. **textIndent()**文本首行缩进

2. **textOverflow()**文本超长显示方式

   属性：textOverflow

   参数：{overflow: TextOverflow}，TextOverflow 为枚举类型

   • None：文本超长时裁剪显示
   • Clip：文本超长时进行裁剪显示
   • Ellipsis：文本超长时显示不下的文本用省略号代替
   • MARQUEE：文本超长时以跑马灯的方式展示（滚动显示）

3. maxLines() 显示最大行数

   案例来演示