如何将Ability的UI界面设置成透明

如何将Ability的UI界面设置成透明

HarmonyOS
2024-02-20 09:44:45
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
快乐小肥仔

将最上层容器组件背景色设置为透明,然后通过设置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)') 
 }
分享
微博
QQ
微信
回复
2024-02-20 19:22:44
相关问题
XComponent 怎么设置成透明
1881浏览 • 1回复 待解决
如何将背景颜色设置透明
2636浏览 • 1回复 待解决
Js UI 如何设置状态栏背景是透明
3331浏览 • 1回复 待解决
能否创建透明ability
1773浏览 • 1回复 待解决
如何将页面设置为深色模式
2250浏览 • 1回复 待解决
【急】鸿蒙UI界面网格布局怎么设置
16491浏览 • 4回复 待解决
如何使用ArkTS编写UI界面
603浏览 • 1回复 待解决
如何设置组件透明效果
2200浏览 • 1回复 待解决