页面导航如何实现A B两个页面叠层

页面导航如何实现A B两个页面叠层。

HarmonyOS
2024-06-03 23:41:16
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
北风_小浦

页面一实现:

import window from '@ohos.window'; 
 
@Entry 
@Component 
struct Page2 { 
  @State message: string = 'page Page2'; 
 
  onPageHide() { 
    console.log("pageHide") 
  } 
 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
        Button("pageB").onClick(() => { 
          let windowStege: window.WindowStage = AppStorage.get("windowStage") as window.WindowStage; 
          windowStege.createSubWindow("hello", (err, win) => { 
            // 加载页面 
            win.setUIContent('pages/Index'); 
            // 显示页面 
            win.showWindow(); 
          }) 
        }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
    .backgroundColor(Color.Pink) 
  } 
}

页面二(上述示例中的index)

aboutToAppear() { 
  // 页面加载的时候将子窗口透明 
  window.findWindow("hello").setWindowBackgroundColor("#00000000") 
} 
 
onBackPress() { 
  // 返回关闭子窗口 
  window.findWindow("hello").destroyWindow().then((res) => { 
    console.log("destroyWindow success") 
  }).catch(() => { 
    console.log("destroyWindow fail") 
  }) 
  return true 
}

AppStorage.setAndLink("windowStage", windowStage);

在ability里面需要传入windowStage

分享
微博
QQ
微信
回复
2024-06-04 22:36:45
相关问题
页面导航如何实现两个页面
1929浏览 • 1回复 待解决
Stack实现布局的方式
486浏览 • 1回复 待解决
两个重叠的组件如何实现事件透传
621浏览 • 1回复 待解决
HarmonyOS 如何比较两个日期的大小?
276浏览 • 1回复 待解决
两个设备控制相关问题
9055浏览 • 3回复 已解决
HarmonyOS 两个同级的组件问题
408浏览 • 1回复 待解决
关于Image组件的两个问题
400浏览 • 1回复 待解决
关于SQL查询两个表查询
2905浏览 • 1回复 待解决
有谁知道如何合并两个对象
2799浏览 • 1回复 待解决
HarmonyOS 两个枚举类型之间转换问题
134浏览 • 1回复 待解决
关于数据库的两个问题。
2357浏览 • 1回复 待解决
HarmonyOS ets文件,合并两个Record记录
477浏览 • 1回复 待解决