了解鸿蒙OS Text组件
文本（text）是用来显示字符串的组件，在界面上显示为一块文本区域。text 作为一个基本组件，有很多扩展，常见的有按钮组件 button，文本编辑组件 textfield。
使用 text 创建 text color_gray_element.xml：
图1 创建一个 text
设置背景 常用的背景如常见的文本背景、按钮背景，可以采用xml格式放置在 graphic 目录下。
在“project”窗口，打开“entry > src > main > resources > base”，右键点击“base”文件夹，选择“new > directory”，命名为“graphic”。右键点击“graphic”文件夹，选择“new > file”，命名为“textelement.xml”。
图2 创建 textelement.xml 文件后的 resources 目录结构
在 textelement.xml 中定义文本的背景:
在 first_layout.xml 中引用上面定义的文本背景：
设置字体大小和颜色 图3 设置字体大小和颜色的效果
设置字体风格和字重 图4 设置字体风格和字重的效果
设置文本对齐方式 图5 设置文本对齐方式的效果
设置文本换行和最大显示行数 图6 设置文本换行和最大显示行数的效果
自动调节字体大小 text对象支持根据文本长度自动调整文本的字体大小和换行。
设置自动换行、最大显示行数和自动调节字体大小。 通过 setautofontsizerule 设置自动调整规则，三个入参分别是最小的字体大小、最大的字体大小、每次调整文本字体大小的步长。 // 设置自动调整规则 text.setautofontsizerule(30, 100, 1); // 设置点击一次增多一个t text.setclickedlistener(new component.clickedlistener() { @override public void onclick(component component) { text.settext(text.gettext() + t); } }); 图7 自动调节字体大小
跑马灯效果 当文本过长时，可以设置跑马灯效果，实现文本滚动显示。前提是文本换行关闭且最大显示行数为1，默认情况下即可满足前提要求。
// 跑马灯效果text.settruncationmode(text.truncationmode.auto_scrolling);// 启动跑马灯效果text.startautoscrolling(); 图8 跑马灯效果
场景示例 利用文本组件实现一个标题栏和详细内容的界面。
图9 界面效果
源码示例：
color_light_gray_element.xml：
textelement.xml：
仪器仪表应用：变频器工作原理
基于NRF905的无线窗帘控制器模块电路设计
PCB常用工艺总结
超低失真的立体声音频开关ISL54406（英特矽尔）
2011年电子品牌厂对半导体市场营收贡献度达35%
了解鸿蒙OS Text组件
四象限电压转换
iOS10.2和Android7.0， 哪一个系统更安全？
利用归一化植被指数评价酿酒葡萄生长状况的研究
中国5G发展日本半导体厂商受益最大
基于深度学习的放疗靶区自动勾画
Windows7系统即将停止更新你会免费升级到Win10吗
伺服电机的调试方法
华为发布NoF+存储网络解决方案
低功耗多通道数字隔离器ISO7041的特点及应用分析
人工智能发展趋向的是哪一个方向
什么是AI芯片“存储墙”的解决方案？
CAN总线调整同步的规则是什么
机器乌鸦成功骗过真老鹰
巨哥科技带来新款红外热像仪
使用 text 创建 text color_gray_element.xml：
图1 创建一个 text
设置背景 常用的背景如常见的文本背景、按钮背景，可以采用xml格式放置在 graphic 目录下。
在“project”窗口，打开“entry > src > main > resources > base”，右键点击“base”文件夹，选择“new > directory”，命名为“graphic”。右键点击“graphic”文件夹，选择“new > file”，命名为“textelement.xml”。
图2 创建 textelement.xml 文件后的 resources 目录结构
在 textelement.xml 中定义文本的背景:
在 first_layout.xml 中引用上面定义的文本背景：
设置字体大小和颜色 图3 设置字体大小和颜色的效果
设置字体风格和字重 图4 设置字体风格和字重的效果
设置文本对齐方式 图5 设置文本对齐方式的效果
设置文本换行和最大显示行数 图6 设置文本换行和最大显示行数的效果
自动调节字体大小 text对象支持根据文本长度自动调整文本的字体大小和换行。
设置自动换行、最大显示行数和自动调节字体大小。 通过 setautofontsizerule 设置自动调整规则，三个入参分别是最小的字体大小、最大的字体大小、每次调整文本字体大小的步长。 // 设置自动调整规则 text.setautofontsizerule(30, 100, 1); // 设置点击一次增多一个t text.setclickedlistener(new component.clickedlistener() { @override public void onclick(component component) { text.settext(text.gettext() + t); } }); 图7 自动调节字体大小
跑马灯效果 当文本过长时，可以设置跑马灯效果，实现文本滚动显示。前提是文本换行关闭且最大显示行数为1，默认情况下即可满足前提要求。
// 跑马灯效果text.settruncationmode(text.truncationmode.auto_scrolling);// 启动跑马灯效果text.startautoscrolling(); 图8 跑马灯效果
场景示例 利用文本组件实现一个标题栏和详细内容的界面。
图9 界面效果
源码示例：
color_light_gray_element.xml：
textelement.xml：
仪器仪表应用：变频器工作原理
基于NRF905的无线窗帘控制器模块电路设计
PCB常用工艺总结
超低失真的立体声音频开关ISL54406（英特矽尔）
2011年电子品牌厂对半导体市场营收贡献度达35%
了解鸿蒙OS Text组件
四象限电压转换
iOS10.2和Android7.0， 哪一个系统更安全？
利用归一化植被指数评价酿酒葡萄生长状况的研究
中国5G发展日本半导体厂商受益最大
基于深度学习的放疗靶区自动勾画
Windows7系统即将停止更新你会免费升级到Win10吗
伺服电机的调试方法
华为发布NoF+存储网络解决方案
低功耗多通道数字隔离器ISO7041的特点及应用分析
人工智能发展趋向的是哪一个方向
什么是AI芯片“存储墙”的解决方案？
CAN总线调整同步的规则是什么
机器乌鸦成功骗过真老鹰
巨哥科技带来新款红外热像仪