文本通用
文本通用屬性目前只針對(duì)包含文本元素的組件,設(shè)置文本樣式。
說(shuō)明:
開(kāi)發(fā)前請(qǐng)熟悉鴻蒙開(kāi)發(fā)指導(dǎo)文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
從API Version 7開(kāi)始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。
屬性
名稱(chēng) | 參數(shù)類(lèi)型 | 描述 |
---|---|---|
fontColor | [ResourceColor] | 設(shè)置字體顏色。 從API version 9開(kāi)始,該接口支持在ArkTS卡片中使用。 |
fontSize | [Length] | 設(shè)置字體大小,Length為number類(lèi)型時(shí),使用fp單位。字體默認(rèn)大小16。不支持設(shè)置百分比字符串。 從API version 9開(kāi)始,該接口支持在ArkTS卡片中使用。 |
fontStyle | [FontStyle] | 設(shè)置字體樣式。 默認(rèn)值:FontStyle.Normal 從API version 9開(kāi)始,該接口支持在ArkTS卡片中使用。 |
fontWeight | number | [FontWeight] |
fontFamily | string | [Resource] |
lineHeight | string | number |
decoration | { type: [TextDecorationType], color?: [ResourceColor]} | 設(shè)置文本裝飾線樣式及其顏色。 默認(rèn)值:{ type: TextDecorationType.None, color:Color.Black } 從API version 9開(kāi)始,該接口支持在ArkTS卡片中使用。HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 |
示例
// xxx.ets
@Entry
@Component
struct TextStyleExample {
build() {
Column({ space: 5 }) {
Text('default text')
Text('text font color red').fontColor(Color.Red)
Text('text font default')
Text('text font size 10').fontSize(10)
Text('text font size 10fp').fontSize('10fp')
Text('text font size 20').fontSize(20)
Text('text font style Italic').fontStyle(FontStyle.Italic)
Text('text fontWeight bold').fontWeight(700)
Text('text fontWeight lighter').fontWeight(FontWeight.Lighter)
Text('red 20 Italic bold text')
.fontColor(Color.Red)
.fontSize(20)
.fontStyle(FontStyle.Italic)
.fontWeight(FontWeight.Bold)
Text('Orange 18 Normal text')
.fontColor(Color.Orange)
.fontSize(18)
.fontStyle(FontStyle.Normal)
}.width('100%')
}
}
審核編輯 黃宇
-
鴻蒙
+關(guān)注
關(guān)注
57文章
2392瀏覽量
43055
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
HarmonyOS/OpenHarmony應(yīng)用開(kāi)發(fā)-ArkTS的聲明式開(kāi)發(fā)范式
鴻蒙開(kāi)發(fā)之ArkTS基礎(chǔ)知識(shí)
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>開(kāi)發(fā)</b>之<b class='flag-5'>ArkTS</b>基礎(chǔ)知識(shí)](https://file1.elecfans.com/web2/M00/BE/20/wKgZomWwzX-AJPj6AADx7A07NIA465.png)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【按鍵事件】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【按鍵事件】](https://file1.elecfans.com/web2/M00/C5/CD/wKgZomYCdwyAIFf5AAB_7E1pFms943.jpg)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【焦點(diǎn)事件】
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【焦點(diǎn)事件】](https://file1.elecfans.com/web2/M00/C5/D1/wKgZomYChGOAUaiiAADe1d8SeRY102.jpg)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【邊框設(shè)置】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【邊框設(shè)置】 <b class='flag-5'>通用</b>屬性](https://file1.elecfans.com/web2/M00/C5/D1/wKgZomYChGOAUaiiAADe1d8SeRY102.jpg)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【背景設(shè)置】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【背景設(shè)置】 <b class='flag-5'>通用</b>屬性](https://file1.elecfans.com/web2/M00/EA/A0/wKgZomZZdmCAV_gJAALUOfyXV8w802.jpg)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【透明度設(shè)置】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【透明度設(shè)置】 <b class='flag-5'>通用</b>屬性](https://file1.elecfans.com/web2/M00/EC/1D/wKgaomZdd_eAVoLuAAC6d4PNobI267.png)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【顯隱控制】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【顯隱控制】 <b class='flag-5'>通用</b>屬性](https://file1.elecfans.com/web2/M00/EB/2D/wKgZomZdZsOAPO5rAACQtOvBUOY300.png)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【形狀裁剪】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【形狀裁剪】 <b class='flag-5'>通用</b>屬性](https://file1.elecfans.com/web2/M00/EB/98/wKgZomZewfuAbiTWAACFRsepasU509.png)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【菜單控制】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【菜單控制】 <b class='flag-5'>通用</b>屬性](https://file1.elecfans.com/web2/M00/C6/E9/wKgaomYEK1aAOyTeAADysXFhWs8242.png)
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【多態(tài)樣式】 通用屬性
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開(kāi)發(fā)</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【多態(tài)樣式】 <b class='flag-5'>通用</b>屬性](https://file1.elecfans.com/web2/M00/ED/45/wKgaomZiZyiARs72AACD6VoYVKQ541.png)
評(píng)論