HarmonyOS APP开发入门3——组件（二 Text组件）_harmonyos将text设置成楷体(4)

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

文章目录

• HarmonyOS APP开发入门3——组件（二 Text组件）
• • • • Text组件

---

Text组件

---

文本（Text）是用来显示字符串的组件，在界面上显示为一块文本区域。仅仅作为展示数据使用，用户不能在App中修改文本组件中的内容。

Text组件是最基本的组件，后面还会学习他的子类组件，比如Button，TextField都是从这个类衍生而来的。

常见的属性：

这些属性不用去背，用着用着就熟了，想要对文本进行一个设置，如果忘记属性，可以直接到笔记中找，或者到华为开发者文档中找。

常用属性

功能说明	属性名称
id属性,唯一	id
组件宽	width
组件高	height
文本内容	text
背景，可以设颜色值或xml背景	background_element
文字颜色	text_color
文字粗细	text_weight
斜体	italic
文字尺寸单位: fp	text_size
字体。如: 黑体、宋体、楷体	text_font
文字内容对齐方式	text_alignment
左/右外间距	left_margin / right_margin
上下外间距	top_magin / bottom_margin
左/右内间距	left_padding / right_padding
上下内间距	top_padding/ bottom_padding
文本内容换行	paddingmultiple_lines
最大文本显示行数	max_text_lines
自动调节文字大小	auto_font_size

常见属性 
<Text 
ohos:id="$+id:text" 
ohos:width="match\_content" 
ohos:height="match\_content" 
ohos:text="Text" 
ohos:background\_element="$graphic:color\_gray\_element" />
其他属性使用方式： 
字体大小 
ohos:text_size="28fp" 
字体颜色 
ohos:text_color="blue" 
Text组件的左外边距 
ohos:left_margin="15vp" Text
组件的下外边距 
ohos:bottom_margin="15vp" 
Text组件和内部文本的右内边距 ohos:right_padding="15vp" 
Text组件和内部文本的左内边距 ohos:left_padding="15vp" 
设置字体风格 斜体ohos:italic="true" 
字重（就是文字的粗细） 
ohos:text_weight="700" 
字体
ohos:text_font="serif" 
设置文本对齐方式
ohos:text_alignment="horizontal_center|bottom" 
设置文本换行 
ohos:multiple_lines="true" 
最大显示行数 
ohos:max_text_lines="2"

创建Text

在layout目录下的xml文件中创建Text组件。

<Text
 ohos:id="$+id:text"
 ohos:width="match\_content"
 ohos:height="match\_content"
 ohos:text="Text"/>

设置Text

在xml中设置Text的背景。

<Text
 ...
 ohos:background\_element="$graphic:background\_text"/>

设置字体大小和颜色

<Text
 ohos:id="$+id:text"
 ohos:width="match\_content"
 ohos:height="match\_content"
 ohos:text="Text"
 ohos:text\_size="28fp"
 ohos:text\_color="#0000FF"
 ohos:left\_margin="15vp"
 ohos:bottom\_margin="15vp"
 ohos:right\_padding="15vp"
 ohos:left\_padding="15vp"
 ohos:background\_element="$graphic:background\_text"/>

设置字体风格和字重

<Text
 ohos:id="$+id:text"
 ohos:width="match\_content"
 ohos:height="match\_content"
 ohos:text="Text"
 ohos:text\_size="28fp"
 ohos:text\_color="#0000FF"
 ohos:italic="true"
 ohos:text\_weight="700"


![img](https://img-blog.csdnimg.cn/img_convert/136aaa70a2cface0921c286e07cc9d16.png)
![img](https://img-blog.csdnimg.cn/img_convert/0e5b888b39565aa7cd0f8d98097f92db.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**