stage模式下page页面透明化方法

stage模式下一个page需要实现上半部分存在蒙版(半透明) 可以透过蒙版看到上个page的样式。

HarmonyOS
2024-09-23 11:31:51
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

可以尝试通过设置子窗口的方式,设置子窗口透明化

伪代码如下:

1、EntryAbility.ts  
export default class EntryAbility extends UIAbility {  
  ...  
  
  onWindowStageCreate(windowStage: window.WindowStage): void {  
    ...  
    AppStorage.setOrCreate("windowStage",windowStage)//保存windowStage  
    ...  
  }  
  
  ...  
}  
  
2、APage.ets  
import window from '@ohos.window';  
  
@Component  
struct APage {  
  
  build() {  
    Row() {  
      Column() {  
        Button("pageA").onClick(() => {  
          let windowStage_: window.WindowStage = AppStorage.get("windowStage") as window.WindowStage;  
          windowStage_.createSubWindow("subWindow", (err, win) => {//创建透明子窗口并打开  
            win.setUIContent('pages/BPage');  
            win.showWindow();  
          })  
        })  
      }  
      .width('100%')  
    }  
    .height('100%')  
    .backgroundColor(Color.Pink)  
  
  }  
}  
  
3、BPage.ets  
import window from '@ohos.window';  
  
@Entry  
@Component  
struct BPage {  
  @State message: string = 'BPage';  
  
  aboutToAppear() {  
    window.findWindow("hello").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(50)  
          .fontWeight(FontWeight.Bold)  
      }  
      .width('100%')  
    }  
    .backgroundColor("#32ffffff")//组件背景,可以修改为#00000000透明  
    .height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-09-23 17:08:07
相关问题
HarmonyOS 如何对page页面设置透明
371浏览 • 1回复 待解决
stage模式,module.json5的配置
151浏览 • 1回复 待解决
HarmonyOS 如何实现半透明Page
173浏览 • 1回复 待解决
HarmonyOS page和WebView无法设置为透明
334浏览 • 1回复 待解决
Stage 模型,ListItem 怎么复用?
212浏览 • 1回复 待解决
HarmonyOS 如何设置Entry页面透明页面
365浏览 • 1回复 待解决
Stage模型HSP的安装时机是什么
1777浏览 • 1回复 待解决
Stage模型如何主动重新渲染UI
3217浏览 • 1回复 已解决
page页面关闭能关闭指定页面么?
394浏览 • 1回复 待解决
Stage模型如何开发一个服务卡片
2367浏览 • 1回复 待解决
stagemode 模式如何获取version信息?
1918浏览 • 0回复 待解决