HarmonyOS（鸿蒙）——Text（文本）组件介绍_鸿蒙text

本文已收录于专栏

❤️《鸿蒙开发》❤️

持续更新HarmonyOS（鸿蒙系统）学习系列文章，系统入门学习鸿蒙！

---

一、简介

Text是用来显示字符串的组件，在界面上显示为一块文本区域。Text作为一个基本组件，有很多扩展，常见的有按钮组件Button，文本编辑组件TextField。
Text组件继承自Componet。

华为官方学习地址：
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-text-0000001050729534

二、属性

Text组件支持的属性比较多，但是由于其非常重要，因此每个属性我会根据官网文档一一实现。

2.1 text

代码演示：

 <Text
       ohos:id="$+id:text"
       ohos:height="match_content"
       ohos:width="match_content"
       ohos:text="李子捌"/>
1
2
3
4
5

显示效果：

2.2 text_size

代码演示：

 <Text
       ohos:id="$+id:text"
       ohos:height="match_content"
       ohos:width="match_content"
       ohos:text="150px"
       ohos:text_size="150px"/>
1
2
3
4
5
6

显示效果：

2.3 text_color

代码演示：

<Text
      ohos:id="$+id:text"
      ohos:height="match_content"
      ohos:width="match_content"
      ohos:text="blue"
      ohos:text_size="100px"
      ohos:text_color="blue"
      />
1
2
3
4
5
6
7
8

演示效果：

使用HEX效果：

2.4 text_font

代码演示：

<Text
      ohos:id="$+id:text"
      ohos:height="match_content"
      ohos:width="match_content"
      ohos:text="李子捌"
      ohos:text_size="100px"
      ohos:text_color="#000000"
      ohos:text_font="HwChinese-medium"
      />
1
2
3
4
5
6
7
8
9

演示效果：

2.5 italic