鴻蒙ArkTS聲明式開發(fā)：跨平臺支持列表【文本通用】

文本通用

文本通用屬性目前只針對包含文本元素的組件，設(shè)置文本樣式。

說明：
開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨標(biāo)記該內(nèi)容的起始版本。

屬性

名稱	參數(shù)類型	描述
fontColor	[ResourceColor]	設(shè)置字體顏色。從API version 9開始，該接口支持在ArkTS卡片中使用。
fontSize	[Length]	設(shè)置字體大小，Length為number類型時，使用fp單位。字體默認(rèn)大小16。不支持設(shè)置百分比字符串。從API version 9開始，該接口支持在ArkTS卡片中使用。
fontStyle	[FontStyle]	設(shè)置字體樣式。默認(rèn)值：FontStyle.Normal 從API version 9開始，該接口支持在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開始，該接口支持在ArkTS卡片中使用。`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`

搜狗高速瀏覽器截圖20240326151450.png

示例

// 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%')
  }
}

textstyle

審核編輯黃宇

聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。舉報投訴