什么是Text
Text是用于展示文本內(nèi)容的UI控件.常見效果如下：
基礎(chǔ)樣例
1.普通文本
效果圖
代碼
<Text
ohos:height="match_content"
ohos:width="match_content"
ohos:text="我是Text"/>
2.設(shè)置字號
效果圖
代碼
<Text
ohos:height="match_content"
ohos:width="match_content"
ohos:text="我是大號Text"
ohos:text_size="60vp"/>
3.設(shè)置顏色
效果圖
代碼
<Text
ohos:height="match_content"
ohos:width="match_content"
ohos:text="我是紅色Text"
ohos:text_color="#FF0000"/>
4.設(shè)置斜體
效果圖
代碼
<Text
ohos:height="match_content"
ohos:width="match_content"
ohos:text="我是斜體Text"
ohos:italic="true"/>
基礎(chǔ)樣例完整源代碼
https://gitee.com/hspbc/harmonyos_demos/tree/master/textDemo
常用屬性說明
| 屬性名 | 用途 |
|---|---|
| ohos:width | 設(shè)置控件寬度,可設(shè)置為:match_parent(和父控件一樣),match_content(按照內(nèi)容自動伸縮),設(shè)置固定值(如200vp) |
| ohos:height | 設(shè)置控件高度,可設(shè)置為:match_parent(和父控件一樣),match_content(按照內(nèi)容自動伸縮),設(shè)置固定值(如200vp) |
| ohos:text_alignment | 控件內(nèi)對齊方式,可選值：left：居左；start：居左；center：居中；right：居右；end：居右；top：居上；bottom：居下；horizontal_center：水平居中；vertical_center：垂直居中 |
| ohos:layout_alignment | 在父控件內(nèi)對齊方式,可選值：left：居左；start：居左；center：居中；right：居右；end：居右；top：居上；bottom：居下；horizontal_center：水平居中；vertical_center：垂直居中 |
| ohos:background_element | 設(shè)置背景,可以是色值(如#FF0000)或圖片等 |
| ohos:visibility | 可選值: visible(顯示), invisible(隱藏,但是仍占據(jù)UI空間),hide(隱藏,且不占UI空間) |
| ohos:text | 設(shè)置文本內(nèi)容,樣例：ohos:text="花生皮編程" |
| ohos:text_size | 設(shè)置字號 |
| ohos:italic | 設(shè)置是否斜體，可選值：true：斜體；false：正常字體 |
| ohos:text_color | 設(shè)置顏色,樣例：ohos:text_color="#FF0000",ohos:text_color="red" |
| ohos:hint | 設(shè)置提示文本 |
| ohos:hint_color | 設(shè)置顏色,樣例：ohos:hint_color="#FF0000",ohos:hint_color="red" |
| ohos:multiple_lines | 是否允許多行，可選值：true：允許；false：不允許 |
| ohos:max_text_lines | 最多顯示的文本行數(shù) |
| ohos:element_top | 設(shè)置上方圖標(biāo)，可選值：圖片元素地址或色值，樣例：ohos:element_top="#FF0000"，ohos:element_top="$media:icon" |
| ohos:element_bottom | 設(shè)置下方圖標(biāo)，可選值：圖片元素地址或色值，樣例：ohos:element_bottom="#FF0000"，ohos:element_bottom="$media:icon" |
| ohos:element_left | 設(shè)置左側(cè)圖標(biāo)，可選值：圖片元素地址或色值，樣例：ohos:element_left="#FF0000"，ohos:element_left="$media:icon" |
| ohos:element_right | 設(shè)置右側(cè)圖標(biāo)，可選值：圖片元素地址或色值，樣例：ohos:element_right="#FF0000"，ohos:element_right="$media:icon" |
| ohos:element_start | 設(shè)置起始方向圖標(biāo)，可選值：圖片元素地址或色值，樣例：ohos:element_start="#FF0000"，ohos:element_start="$media:icon" |
| ohos:element_end | 設(shè)置結(jié)束方向圖標(biāo)，可選值：圖片元素地址或色值，樣例：ohos:element_end="#FF0000"，ohos:element_end="$media:icon" |
| ohos:text_font | 設(shè)置字體，樣例：ohos:text_font="sans-serif"，ohos:text_font="HwChinese-medium" |
| ohos:truncation_mode | 文本超長時截斷方式，可選值：ellipsis_at_end：尾部截斷，顯示三個點(diǎn)；ellipsis_at_middle：中間截斷，顯示三個點(diǎn)；ellipsis_at_start：頭部截斷，顯示三個點(diǎn)；auto_scrolling：超長時滾動顯示；如果不設(shè)置，則默認(rèn)為自然截斷，不顯示三個點(diǎn) |
更多屬性及實(shí)際效果,可以在開發(fā)工具里自行體驗.
關(guān)于我
廈門大學(xué)計算機(jī)專業(yè) | 前華為工程師
專注分享編程技術(shù)，沒啥深度，但是易懂。
Java | 安卓 | 前端 | 小程序 | 鴻蒙
公眾號：花生皮編程
