在 ArkUI 中,如何使用 Text 组件的 textShadow 属性为文本添加投影效果?

我希望为文本添加一个带有模糊效果的阴影,以提高文本的视觉层次感。如何使用 textShadow 属性?

阅读 537
1 个回答

textShadow 属性接受一个对象或对象数组,用于定义文本的投影效果。

  • radius: 阴影的模糊半径。
  • color: 阴影的颜色。
  • offsetX / offsetY: 阴影的偏移量。

示例:

Text('带投影的文本')
 .fontSize(30).fontWeight(FontWeight.Bold)
 .textShadow({
 radius: 5,
 color: Color.Black.opacity(0.5),
 offsetX: 2,
 offsetY: 2
 })