【鸿蒙】HarMonyOS之Text组件的常用属性

385 阅读4分钟

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="topleft"
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下的图片资源。说明- element_left与element_start、element_end属性有冲突,不建议一起使用。在“水平布局方向为从左到右”时,element_left会与element_start属性冲突;在“水平布局方向为从右到左”时,element_left会与element_end属性冲突。
  • 同时配置时,element_start、element_end优先级高于element_left属性。 | ohos:element_left="#FFFFFFFF"ohos:element_left="color:black"ohos:elementleft="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:mediasrc"ohos:elementtop="media:media_src"ohos:element_top="graphic:graphic_src" | | element_right | 文本右侧图标 | Element类型 | 可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。说明- element_right与element_start、element_end属性有冲突,不建议一起使用。在“水平布局方向为从左到右”时,element_right会与element_end属性冲突;在“水平布局方向为从右到左”时,element_right会与element_start属性冲突。
  • 同时配置时,element_start、element_end优先级高于element_right属性。 | ohos:element_right="#FFFFFFFF"ohos:element_right="color:black"ohos:elementright="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:mediasrc"ohos:elementbottom="media:media_src"ohos:element_bottom="graphic:graphic_src" | | element_start | 文本开始方向图标 | Element类型 | 可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。说明- element_start与element_left、element_right属性有冲突,不建议一起使用。在“水平布局方向为从左到右”时,element_start会与element_left属性冲突;在“水平布局方向为从右到左”时,element_start会与element_right属性冲突。
  • 同时配置时,element_start优先级高于element_left、element_right属性。 | ohos:element_start="#FFFFFFFF"ohos:element_start="color:black"ohos:elementstart="color:black"ohos:element_start="media:media_src"ohos:element_start="$graphic:graphic_src" | | element_end | 文本结束方向图标 | Element类型 | 可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。说明- element_end与element_left、element_right属性有冲突,不建议一起使用。在“水平布局方向为从左到右”时,element_end会与element_right属性冲突;在“水平布局方向为从右到左”时,element_end会与element_left属性冲突。
  • 同时配置时,element_end优先级高于element_left、element_right属性。 | ohos:element_end="#FFFFFFFF"ohos:element_end="color:black"ohos:elementend="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:mediasrc"ohos:elementcursorbubble="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:elementselectionleftbubble="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:mediasrc"ohos:elementselectionrightbubble="media:media_src"ohos:element_selection_right_bubble="graphic:graphic_src"