HarmonyOS 鸿蒙Next 开发ArkTs语言，text 如何设置背景颜色并设置背景的透明度

想给Text设置背景颜色，并且背景不透明，设置 `.opacity`(1) ，但是总是不生效，求大佬有其他办法吗

Text("15")
  .fontColor("#444444")
  .fontSize(15)
  .width(20)
  .textAlign(TextAlign.Center)
  .backgroundColor("#ffebe5")
  .opacity(1)

nodeper 1楼

不是很懂你的需求，一段文字半透明之后覆盖在另一段文字上吗？如果只是背景透明，backgroundColor设置#80ffebe5就好了 80代表透明度，FF完全显示背景，00隐藏背景。

opacity 设置的是整体透明度，文字本身也会透明。

更多关于HarmonyOS 鸿蒙Next 开发ArkTs语言，text 如何设置背景颜色并设置背景的透明度的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 2楼

明白了，感谢，

caililin 3楼

学会了，背景的透明度要在backgroundColor里设置，

sinazl 4楼作者

直接用rgba

.backgroundColor('rgba(247, 139, 168, 0.2)')

phonegap100 5楼

.opacity(1) 设置没有意义
倒是你贴出来的代码 text的文本是中文双引号。

yibo5220 6楼

明白了，是Zindex 的问题，

phonegap100 7楼

在HarmonyOS鸿蒙Next开发中，使用ArkTs语言设置Text组件的背景颜色及透明度，可以通过backgroundColor和backgroundOpacity属性实现。

设置背景颜色：使用backgroundColor属性，可以指定背景颜色。颜色值可以是十六进制、RGB或预定义的颜色名称。
设置背景透明度：使用backgroundOpacity属性，可以设置背景的透明度。透明度值为0到1之间的浮点数，0表示完全透明，1表示完全不透明。

示例代码如下：

import { Text } from '@ohos.arkui';

const text = new Text();
text.text = 'Hello, HarmonyOS';
text.backgroundColor = '#FFA500'; // 设置背景颜色为橙色
text.backgroundOpacity = 0.5; // 设置背景透明度为50%

此代码将创建一个Text组件，背景颜色为橙色，透明度为50%。