使用onBackPress对子窗口进行销毁

使用子窗口创建悬浮窗或者子窗口后，除了关闭按钮还希望使用系统能力对新创建的窗口进行销毁处理。

使用场景：视频小窗播放，红包雨场景。

HarmonyOS

伊普洛先生

2024-05-26 14:08:00

浏览

回答 1

待解决

回答 1

按赞同

按时间

milchcow

使用的核心API

自定义组件的生命周期

ohos.window - setWindowTouchable

核心代码解释

在页面中新建一个按钮创建出一个新的子窗口，在子窗口中添加一个按钮用以模拟关闭按钮。

同时使用setWindowTouchable()让子窗口获焦，onBackPress()对子窗口的手势行为进行监听。

创建子窗口：

showSubWindow() {  
  // 1.创建应用子窗口。 
  if (windowStage_ == null) { 
    console.error('Failed to create the subwindow. Cause: windowStage_ is null');} 
  else { 
    windowStage_.createSubWindow("mySubWindow", (err: BusinessError, data) => { 
      sub_windowClass = data; 
      console.info('Succeeded in creating the subwindow. Data: ' + JSON.stringify(data)); 
      // 2.子窗口创建成功后，设置子窗口的位置、大小及相关属性等。 
      sub_windowClass.moveWindowTo(300, 300); 
      sub_windowClass.resize(500, 500); 
      //可触属性可使得子窗口获焦 
      // sub_windowClass.setWindowTouchable(true) 
        // 3.为子窗口加载对应的目标页面。16        sub_windowClass.setUIContent("pages/Page"); 
      (sub_windowClass as window.Window).showWindow(); 
    }) 
  } 
}

子窗口页面监听返回动作：

import window from '@ohos.window' 
@Entry 
@Component 
struct Page { 
  @State message: string = 'Hello World' 
  onBackPress() { 
    console.log("被触发了"); 
    window.findWindow("mySubWindow").destroyWindow(); 
    return true; 
  } 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
      } 
      .width('100%') 
    } 
    .height('100%') 
      .backgroundColor(Color.Blue) 
  } 
  }

总结：

子窗口的可触属性让子窗口获焦，否则会由主窗口直接捕获onBackPressSecnario。