HarmonyOS 如何实现一个半透明的弹框页面?

HarmonyOS 如何实现一个半透明的弹框页面?

HarmonyOS
2024-09-27 13:08:53
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以通过setWindowBackgroundColor实现,示例代码如下:

EntryAbility.ets

export default class EntryAbility extends UIAbility {  
  onWindowStageCreate(windowStage: window.WindowStage): void {  
    AppStorage.setOrCreate("windowStage",windowStage  
    ) //保存windowStage  
  }  
}

Index.ets

import window from '@ohos.window';  
@Entry  
@Component  
struct Index {  
  build() {  
    Row() {  
      Column() {  
        Button('show dialog').onClick(() => {  
          let windowStage_: window.WindowStage = AppStorage.get('windowStage') as window.WindowStage;  
          windowStage_.createSubWindow('subWindow', (err, win) => { //创建透明子窗口并打开  
            win.setUIContent('pages/SubPage');  
            win.showWindow();  
          })  
        })  
      }  
      .width('100%')  
    }  
    .height('100%')  
    .backgroundColor(Color.Pink)  
  }  
}

SubPage.ets

import window from '@ohos.window';  
@Entry  
@Component  
struct SubPage {  
  @State message: string = 'this is a dialog page';  
  
  aboutToAppear() {  
    window.findWindow('subWindow').setWindowBackgroundColor("#00000000") //设置子窗口背景透明  
  }  
  onBackPress() { //关闭子窗口  
    window.findWindow('subWindow').destroyWindow().then((res) => {  
      console.log('destroyWindow success')  
    }).catch(() => {  
      console.log('destroyWindow fail')  
    })  
    return true  
  }  
  build() {  
    Row() {  
      Column() {  
        Text(this.message)  
          .fontSize(16)  
          .fontWeight(FontWeight.Bold)  
          .width(200)  
          .height(150)  
          .backgroundColor(Color.White)  
      }  
      .width('100%')  
    }  
    .backgroundColor("#32ffffff")  
    .height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-09-27 17:38:12
相关问题
如何新开一个半透明页面
316浏览 • 1回复 待解决
HarmonyOS 如何实现半透明Page
246浏览 • 1回复 待解决
HarmonyOS 如何实现一个气泡聊天
391浏览 • 1回复 待解决
半模态转场来实现样式页面
869浏览 • 1回复 待解决
如何实现一个自定义询问
407浏览 • 1回复 待解决
HarmonyOS 如何做到页面之上?
411浏览 • 1回复 待解决
如何实现一个页面显示子窗口
651浏览 • 1回复 待解决
js如何清空一个input 输入内容
7710浏览 • 1回复 待解决
HarmonyOS 如何主动隐藏输入
108浏览 • 1回复 待解决
页面类似样式跳转H5
198浏览 • 1回复 待解决
编译一个页面,实现选座场景
712浏览 • 1回复 待解决
编写一个页面,实现吸顶效果
1087浏览 • 1回复 待解决