鸿蒙通用组件简介
文本–Text
Text('测试文本测试文本测试文本测试文本测试文本') -- 设置文字内容
.fontColor(Color.Red) -- 设置颜色
.fontSize(50) -- 设置字体大小
.fontWeight(FontWeight.Bold) -- 设置字体粗细
.textOverflow({overflow: TextOverflow.Ellipsis}) -- 设置文本超长时,截取方式
.maxLines(1) -- 设置最大展示行数
文本内容可通过两种方式设定
1、直接设置
2、通过在resources里面配置json文件
颜色设置方式
Color : Color.Red
number : 0xffff0000
string : '#ff000000'
Resource: 通过在resources里面配置,然后使用$r('app.color.base_color')
字体大小设置
.fontSize(50) -- 设置字体大小
字体粗细设置----fontWeight
1、取值范围[100,900]
2、可使用FontWeight进行设置
FontWeight.Lighter 字体较细。
FontWeight.Normal 字体粗细正常。
FontWeight.Regular 字体粗细正常。
FontWeight.Medium 字体粗细适中。
FontWeight.Bold 字体较粗。
FontWeight.Bolder 字体⾮常粗。
设置最大展示行数—maxLines
.maxLines(1) -- 设置最大展示行数
设置超过最大展示行数时,如何截取字符串-- textOverflow
textOverflow({overflow: TextOverflow.Ellipsis}) -- 设置文本超长时,截取方式
截取方式需要配合maxLines使用,否则会展示全部字符串