【鸿蒙】HarMonyOS之Text组件的常用属性
Text是用来显示字符串的组件,在界面上显示为一块文本区域。Text作为一个基本组件,有很多扩展,常见的有按钮组件Button,文本编辑组件TextField。
属性名称 |
中文描述 |
取值 |
取值说明 |
使用案例 |
---|---|---|---|---|
text |
显示文本 |
string类型 |
可以直接设置文本字串,也可以引用string资源。 |
ohos:text="熄屏时间" ohos:text="$string:test_str" |
hint |
提示文本 |
string类型 |
可以直接设置文本字串,也可以引用string资源。 |
ohos:hint="联系人" ohos:hint="$string:test_str" |
text_font |
字体 |
sans-serif |
可以设置的字体如表中所列。 |
ohos:text_font="HwChinese-medium" |
sans-serif-medium |
||||
HwChinese-medium |
||||
sans-serif-condensed |
||||
sans-serif-condensed-medium |
||||
monospace |
||||
truncation_mode |
长文本截断方式 |
none |
表示文本超长时无截断。 |
ohos:truncation_mode="none" |
ellipsis_at_start |
表示文本超长时在文本框起始处使用省略号截断。 |
ohos:truncation_mode="ellipsis_at_start" |
||
ellipsis_at_middle |
表示文本超长时在文本框中间位置使用省略号截断。 |
ohos:truncation_mode="ellipsis_at_middle" |
||
ellipsis_at_end |
表示文本超长时在文本框结尾处使用省略号截断。 |
ohos:truncation_mode="ellipsis_at_end" |
||
auto_scrolling |
表示文本超长时滚动显示全部文本。 |
ohos:truncation_mode="auto_scrolling" |
||
text_size |
文本大小 |
float类型 |
表示字体大小的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:text_size="30" ohos:text_size="16fp" ohos:text_size="$float:size_value" |
element_padding |
文本与图片的边距 |
float类型 |
表示间距尺寸的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:element_padding="20" ohos:element_padding="8vp" ohos:element_padding="$float:size_value" |
bubble_width |
文本气泡宽度 |
float类型 |
表示尺寸的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:bubble_width="20" ohos:bubble_width="10vp" ohos:bubble_width="$float:size_value" |
bubble_height |
文本气泡高度 |
float类型 |
表示尺寸的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:bubble_height="20" ohos:bubble_height="10vp" ohos:bubble_height="$float:size_value" |
bubble_left_width |
文本气泡左宽度 |
float类型 |
表示尺寸的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:bubble_left_width="20" ohos:bubble_left_width="10vp" ohos:bubble_left_width="$float:size_value" |
bubble_left_height |
文本气泡左高度 |
float类型 |
表示尺寸的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:bubble_left_height="20" ohos:bubble_left_height="10vp" ohos:bubble_left_height="$float:size_value" |
bubble_right_width |
文本气泡右宽度 |
float类型 |
表示尺寸的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:bubble_right_width="20" ohos:bubble_right_width="10vp" ohos:bubble_right_width="$float:size_value" |
bubble_right_height |
文本气泡右高度 |
float类型 |
表示尺寸的float类型。 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源。 |
ohos:bubble_right_height="20" ohos:bubble_right_height="10vp" ohos:bubble_right_height="$float:size_value" |
text_color |
文本颜色 |
color类型 |
可以直接设置色值,也可以引用color资源。 |
ohos:text_color="#A8FFFFFF" ohos:text_color="$color:black" |
hint_color |
提示文本颜色 |
color类型 |
可以直接设置色值,也可以引用color资源。 |
ohos:hint_color="#A8FFFFFF" ohos:hint_color="$color:black" |
selection_color |
选中文本颜色 |
color类型 |
可以直接设置色值,也可以引用color资源。 |
ohos:selection_color="#A8FFFFFF" ohos:selection_color="$color:black" |
text_alignment |
文本对齐方式 |
left |
表示文本靠左对齐。 |
可以设置取值项如表中所列,也可以使用“|”进行多项组合。 ohos:text_alignment="top" ohos:text_alignment="top|left" |
top |
表示文本靠顶部对齐。 |
|||
right |
表示文本靠右对齐。 |
|||
bottom |
表示文本靠底部对齐。 |
|||
horizontal_center |
表示文本水平居中对齐。 |
|||
vertical_center |
表示文本垂直居中对齐。 |
|||
center |
表示文本居中对齐。 |
|||
start |
表示文本靠起始端对齐。 |
|||
end |
表示文本靠结尾端对齐。 |
|||
max_text_lines |
文本最大行数 |
integer类型 |
可以直接设置整型数值,也可以引用integer资源。 |
ohos:max_text_lines="2" ohos:max_text_lines="$integer:two" |
text_input_type |
文本输入类型 |
pattern_null |
表示未指定文本输入类型,默认文本输入类型为内容模式。 |
ohos:text_input_type="pattern_null" |
pattern_text |
表示文本输入类型为普通文本模式。 |
ohos:text_input_type="pattern_text" |
||
pattern_number |
表示文本输入类型为数字。 |
ohos:text_input_type="pattern_number" |
||
pattern_password |
表示文本输入类型为密码。 |
ohos:text_input_type="pattern_password" |
||
input_enter_key_type |
输入键类型 |
enter_key_type_unspecified |
表示为指定输入键类型,采用默认类型。 |
ohos:input_enter_key_type="enter_key_type_unspecified" |
enter_key_type_search |
表示采用执行“搜索”动作的输入键类型。 |
ohos:input_enter_key_type="enter_key_type_search" |
||
enter_key_type_go |
表示采用执行“go”动作的输入键类型。 |
ohos:input_enter_key_type="enter_key_type_go" |
||
enter_key_type_send |
表示采用执行“发送”动作的输入键类型。 |
ohos:input_enter_key_type="enter_key_type_send" |
||
auto_scrolling_duration |
自动滚动时长 |
integer类型 |
可以直接设置整型数值,也可以引用integer资源。 表示时间的值不可小于0,单位为ms。 |
ohos:auto_scrolling_duration="1000" ohos:auto_scrolling_duration="$integer:during" |
multiple_lines |
多行模式设置 |
boolean类型 |
可以直接设置true/false,也可以引用boolean资源。 |
ohos:multiple_lines="true" ohos:multiple_lines="$boolean:true" |
auto_font_size |
是否支持文本自动调整文本字体大小 |
boolean类型 |
可以直接设置true/false,也可以引用boolean资源。 |
ohos:auto_font_size="true" ohos:auto_font_size="$boolean:true" |
scrollable |
文本是否可滚动 |
boolean类型 |
可以直接设置true/false,也可以引用boolean资源。 |
ohos:scrollable="true" ohos:scrollable="$boolean:true" |
text_cursor_visible |
文本光标是否可见。 只有在可编辑的组件上可配置,否则该值始终为false。 |
boolean类型 |
可以直接设置true/false,也可以引用boolean资源。 |
ohos:text_cursor_visible="true" ohos:text_cursor_visible="$boolean:true" |
italic |
文本是否斜体字体 |
boolean类型 |
可以直接设置true/false,也可以引用boolean资源。 |
ohos:italic="true" ohos:italic="$boolean:true" |
padding_for_text |
设置文本顶部与底部是否默认留白。默认值为true,true表示保留默认留白,false表示顶部与底部不留白 |
boolean类型 |
可以直接设置true/false,也可以引用boolean资源。 |
ohos:padding_for_text="true" ohos:padding_for_text="$boolean:true" |
additional_line_spacing |
需增加的行间距 |
float类型 |
可以直接设置浮点数值,也可以引用float浮点数资源。 |
ohos:additional_line_spacing="2" ohos:additional_line_spacing="$float:line_spacing_add" |
line_height_num |
行间距倍数 |
float类型 |
可以直接设置浮点数值,也可以引用float浮点数资源。 |
ohos:line_height_num="1.5" ohos:line_height_num="$float:line_spacing_multi" |
element_left |
文本左侧图标 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 说明
|
ohos:element_left="#FFFFFFFF" ohos:element_left="$color:black" ohos:element_left="$media:media_src" ohos:element_left="$graphic:graphic_src" |
element_top |
文本上方图标 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 |
ohos:element_top="#FFFFFFFF" ohos:element_top="$color:black" ohos:element_top="$media:media_src" ohos:element_top="$graphic:graphic_src" |
element_right |
文本右侧图标 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 说明
|
ohos:element_right="#FFFFFFFF" ohos:element_right="$color:black" ohos:element_right="$media:media_src" ohos:element_right="$graphic:graphic_src" |
element_bottom |
文本下方图标 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 |
ohos:element_bottom="#FFFFFFFF" ohos:element_bottom="$color:black" ohos:element_bottom="$media:media_src" ohos:element_bottom="$graphic:graphic_src" |
element_start |
文本开始方向图标 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 说明
|
ohos:element_start="#FFFFFFFF" ohos:element_start="$color:black" ohos:element_start="$media:media_src" ohos:element_start="$graphic:graphic_src" |
element_end |
文本结束方向图标 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 说明
|
ohos:element_end="#FFFFFFFF" ohos:element_end="$color:black" ohos:element_end="$media:media_src" ohos:element_end="$graphic:graphic_src" |
element_cursor_bubble |
文本的光标气泡图形 只有在可编辑的组件上可配置 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 |
ohos:element_cursor_bubble="#FFFFFFFF" ohos:element_cursor_bubble="$color:black" ohos:element_cursor_bubble="$media:media_src" ohos:element_cursor_bubble="$graphic:graphic_src" |
element_selection_left_bubble |
选中文本的左侧气泡图形 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 |
ohos:element_selection_left_bubble="#FFFFFFFF" ohos:element_selection_left_bubble="$color:black" ohos:element_selection_left_bubble="$media:media_src" ohos:element_selection_left_bubble="$graphic:graphic_src" |
element_selection_right_bubble |
选中文本的右侧气泡图形 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 |
ohos:element_selection_right_bubble="#FFFFFFFF" ohos:element_selection_right_bubble="$color:black" ohos:element_selection_right_bubble="$media:media_src" ohos:element_selection_right_bubble="$graphic:graphic_src" |
可练习一下【鸿蒙】HarMonyOS的UI组件学习一
下一篇 【鸿蒙】HarMonyOS之Button组件的常用属性
【鸿蒙】HarMonyOS之Text组件的常用属性相关推荐
- 鸿蒙 harmonyOS 使用Text文字超长时使用省略号结尾
鸿蒙 harmonyOS 使用Text文字超长时使用省略号结尾 文章目录 鸿蒙 harmonyOS 使用Text文字超长时使用省略号结尾 前言 一.设置truncation_mode 二.使用步骤 1 ...
- 【鸿蒙 HarmonyOS】UI 组件 ( Text 组件 )
文章目录 一.Text 组件 二.Module 准备 三.代码示例 四.GitHub 地址 一.Text 组件 Text 组件是在 UI 界面中显示文本的组件 ; 1. 布局文件中设置 Text : ...
- HarmonyOS实战—Text组件宽高三种值的写法和颜色属性
文章目录 1. 文本组件(Text) 1.1 宽高属性 1.2 长度单位(像素px) 2. 宽高三种值的写法 2.1 宽高为:match_content 2.2 宽高为:match_parent,铺满 ...
- 【鸿蒙 HarmonyOS】UI 组件 ( 拖动条 Slider 组件 )
文章目录 一.布局中设置拖动条 Slider 组件 二.代码中控制拖动条 Slider 组件 一.布局中设置拖动条 Slider 组件 注意该 Slider 组件与 进度条 Progressbar 组 ...
- 使用react-native开发时,Text组件的lineHeight属性
使用Text组件时上下文的文本间距可以使用lineHeight属性进行调节 代码: 效果:
- 【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )
文章目录 一.布局中设置 TextField 组件 二.代码中获取并设置 TextField 组件 一.布局中设置 TextField 组件 TextField 组件是文本输入框 , 允许用户在界面中 ...
- 【鸿蒙 HarmonyOS】UI 组件 ( 单选按钮 | RadioButton 与 RadioContainer 组件 )
文章目录 一.RadioButton 与 RadioContainer 组件 二.监听 RadioContainer 选择事件 三.GitHub 地址 一.RadioButton 与 RadioCon ...
- 【鸿蒙 HarmonyOS】UI 组件 ( Button 组件 )
文章目录 一.布局文件中设置 Button 组件属性 二.代码中修改 Button 组件属性 三.Button 点击事件 四.完整代码示例 五.执行结果 六.GitHub 地址 一.布局文件中设置 B ...
- 【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )
文章目录 一.布局中设置 ProgressBar.RoundProgressBar 进度条 二.代码中设置 ProgressBar.RoundProgressBar 进度条 三.完整代码示例 四.Gi ...
最新文章
- android从放弃到精通第11天 勿忘初心
- HQL的使用和limit的替代
- rsync的基本操作
- android 开机动画 渐变,[Parallax Animation]实现知乎 Android 客户端启动页视差滚动效果...
- oracle将存储过程导出,Oracle如何导出存储过程
- code vs 1013 求先序排列
- 设置、获得对话框中 编辑框控件 EDIT 的内容
- python设置编码格式为utf-8_python设置文件编码格式为UTF-8
- 云打印SDK来袭,支持飞鹅云,芯烨云,易联云,优声云等云打印机
- PHP编写添加学生信息,添加学生信息并显示(示例代码)
- 华为硬件工程师社招机考题库_华为硬件工程师笔试题
- python 安装第三方包-安装失败(pycharm/ anaconda navigator)
- representation learning的理解
- 【已解决】Activity MainActivity has leaked window PhoneWindow$DecorView@ that was originally added here
- 性能测试工具—LoadRunner
- KCF核相关滤波跟踪
- 开发你自己的Android 授权管理器
- 终于鼓起勇气,辞掉了第一份工作
- 搭建本地Spring Initializr服务(2020/4/17)
- 【方案开发】汽车充气枪打气泵方案