HarmonyOS 鸿蒙Next 图片如何设置背景透明

HarmonyOS 鸿蒙Next 图片如何设置背景透明 图片是背景透明的，怎么出来的效果是白色的。请问如何修改


更多关于HarmonyOS 鸿蒙Next 图片如何设置背景透明的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

楼主你好，再Stack布局中使用 .backgroundColor(Color.Transparent) 设置透明度。

更多关于HarmonyOS 鸿蒙Next 图片如何设置背景透明的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


原来是Column布局要更改为Stack布局

在HarmonyOS鸿蒙Next中，设置图片背景透明可以通过使用<image>标签的background-color属性结合rgba颜色值来实现。具体步骤如下：

  1. 使用<image>标签：在布局文件中定义图片时，使用<image>标签并指定src属性为图片资源路径。

  2. 设置背景透明：通过background-color属性设置背景颜色为透明。使用rgba(0, 0, 0, 0)表示完全透明。

示例代码如下：

<image
    src="$media:transparent_image"
    background-color="rgba(0, 0, 0, 0)"
    width="100vp"
    height="100vp"/>
  1. 确保图片本身支持透明：图片格式应为支持透明通道的格式，如PNG。

通过上述方法，可以在鸿蒙Next中实现图片背景透明效果。

回到顶部