文本樣式設(shè)置

2024-01-22 16:16 更新

針對(duì)包含文本元素的組件，設(shè)置文本樣式。

說明

從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。

屬性

名稱

參數(shù)類型

描述

fontColor

ResourceColor

設(shè)置字體顏色。

從API version 9開始，該接口支持在ArkTS卡片中使用。

fontSize

Length

設(shè)置字體大小，Length為number類型時(shí)，使用fp單位。字體默認(rèn)大小16。不支持設(shè)置百分比字符串。

從API version 9開始，該接口支持在ArkTS卡片中使用。

fontStyle

FontStyle

設(shè)置字體樣式。

默認(rèn)值：FontStyle.Normal

從API version 9開始，該接口支持在ArkTS卡片中使用。

fontWeight

number | FontWeight | string

設(shè)置文本的字體粗細(xì)，number類型取值[100, 900]，取值間隔為100，默認(rèn)為400，取值越大，字體越粗。string類型僅支持number類型取值的字符串形式，例如"400"，以及"bold"、"bolder"、"lighter"、"regular"、"medium"，分別對(duì)應(yīng)FontWeight中相應(yīng)的枚舉值。

默認(rèn)值：FontWeight.Normal

從API version 9開始，該接口支持在ArkTS卡片中使用。

fontFamily

string | Resource

設(shè)置字體列表。默認(rèn)字體'HarmonyOS Sans'，當(dāng)前支持'HarmonyOS Sans'字體和注冊(cè)自定義字體。

從API version 9開始，該接口支持在ArkTS卡片中使用。

lineHeight

string | number | Resource

設(shè)置文本的文本行高，設(shè)置值不大于0時(shí)，不限制文本行高，自適應(yīng)字體大小，Length為number類型時(shí)單位為fp。

從API version 9開始，該接口支持在ArkTS卡片中使用。

decoration

{

type: TextDecorationType,

color?: ResourceColor

}

設(shè)置文本裝飾線樣式及其顏色。

默認(rèn)值：{

type: TextDecorationType.None,

color：Color.Black

}

從API version 9開始，該接口支持在ArkTS卡片中使用。

示例

  1. // xxx.ets
  2. @Entry
  3. @Component
  4. struct TextStyleExample {
  5.   build() {
  6.     Column({ space: 5 }) {
  7.       Text('default text')
  8.       
  9.       Text('text font color red').fontColor(Color.Red)
  10.       
  11.       Text('text font default')
  12.       Text('text font size 10').fontSize(10)
  13.       Text('text font size 10fp').fontSize('10fp')
  14.       Text('text font size 20').fontSize(20)
  15.       
  16.       Text('text font style Italic').fontStyle(FontStyle.Italic)
  17.       
  18.       Text('text fontWeight bold').fontWeight(700)
  19.       Text('text fontWeight lighter').fontWeight(FontWeight.Lighter)
  20.       
  21.       Text('red 20 Italic bold text')
  22.         .fontColor(Color.Red)
  23.         .fontSize(20)
  24.         .fontStyle(FontStyle.Italic)
  25.         .fontWeight(FontWeight.Bold)
  26.       
  27.       Text('Orange 18 Normal text')
  28.         .fontColor(Color.Orange)
  29.         .fontSize(18)
  30.         .fontStyle(FontStyle.Normal)
  31.     }.width('100%')
  32.   }
  33. }

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)