鸿蒙通用组件Text介绍_鸿蒙获取文字长度

鸿蒙通用组件简介

文本–Text

Text('测试文本测试文本测试文本测试文本测试文本') -- 设置文字内容
    .fontColor(Color.Red) -- 设置颜色
    .fontSize(50) -- 设置字体大小
    .fontWeight(FontWeight.Bold) -- 设置字体粗细
    .textOverflow({overflow: TextOverflow.Ellipsis}) -- 设置文本超长时，截取方式
    .maxLines(1) -- 设置最大展示行数
1
2
3
4
5
6

文本内容可通过两种方式设定

1、直接设置
2、通过在resources里面配置json文件
1
2

颜色设置方式

Color :  Color.Red
number : 0xffff0000
string :  '#ff000000'
Resource: 通过在resources里面配置，然后使用$r('app.color.base_color')
1
2
3
4

字体大小设置

.fontSize(50) -- 设置字体大小
1

字体粗细设置----fontWeight

1、取值范围[100,900]
2、可使用FontWeight进行设置
	FontWeight.Lighter 字体较细。
	FontWeight.Normal 字体粗细正常。
	FontWeight.Regular 字体粗细正常。
	FontWeight.Medium 字体粗细适中。
	FontWeight.Bold 字体较粗。
	FontWeight.Bolder 字体⾮常粗。
1
2
3
4
5
6
7
8

设置最大展示行数—maxLines

 .maxLines(1) -- 设置最大展示行数
1

设置超过最大展示行数时，如何截取字符串-- textOverflow

textOverflow({overflow: TextOverflow.Ellipsis}) -- 设置文本超长时，截取方式
截取方式需要配合maxLines使用，否则会展示全部字符串
1
2