OpenHarmony开发者论坛

标题: 如何将Ability的UI界面设置成透明 [打印本页]

作者: Summer 时间: 2023-10-12 14:36
标题: 如何将Ability的UI界面设置成透明

【问题描述】
将UI界面设置为透明，挺简单的小需求，翻了文档，折腾了好久没搞出来，如何将Ability的UI界面设置成透明？

【运行环境】
硬件：rk3568； ROM: 3.2 Beta5； API 9

作者: lom 时间: 2023-10-13 17:14
[md]将最上层容器组件背景色设置为透明，然后通过设置XComponent组件的opacity属性值为0.01来实现。

```build()
Stack() {

XComponent({

id: 'componentId',

type: 'surface',

})

.width('100%')

.height('100%')

.opacity(0.01)

// 页面内容

  }

  .width('100%')

  .height('100%')

  .backgroundColor('rgba(255,255,255, 0)')

}
```

[/md]

欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)