收起
自动换行
深色代码主题
复制
let windowStage_: window.WindowStage | undefined = undefined;
let subWindowClass: window.Window | undefined = undefined;
// ...
      // 获取windowStage
      windowStage_ = AppStorage.get('windowStage');
      // 创建应用子窗口。
      if (windowStage_ == null) {
        console.error('Failed to create the subwindow. Cause: windowStage_ is null');
      } else {
        // 1.使用createSubWindow接口创建子窗
        windowStage_.createSubWindow('SubWindow', (err, data) => {
          if (err?.code) {
            console.error(`Failed to create the subwindow. Cause code: ${err.code}, message: ${err.message}`);
          }
          subWindowClass = data;
          if (!subWindowClass) {
            console.error('sub_windowClass is null');
            return;
          }
          console.info('Succeeded in creating the subwindow. Data: ' + JSON.stringify(data));
          // ...
        })
      }
Index.ets

收起
自动换行
深色代码主题
复制
let independentWindowClass: window.Window | undefined = undefined;
// ...
    // 获取windowStage
    windowStage_ = AppStorage.get('windowStage');
    // 1.创建独立子窗口。
    // ...
        let options : window.SubWindowOptions = {
          title: 'IndependentSubWindow',
          decorEnabled: true,
          zLevelAboveParentLoosened: true  // 独立子窗需将zLevelAboveParentLoosened置为true
        };
        let promise = windowStage_.createSubWindowWithOptions('IndependentSubWindow', options);
        promise.then((data: window.Window | undefined) => {
          independentWindowClass = data;
          if (!independentWindowClass) {
            console.error('independent_sub_windowClass is null');
            return;
          }
          console.info(`Succeeded in creating the subwindow. Data: ${JSON.stringify(data)}`);
          // ...
          });
Index.ets

设置子窗口属性。

子窗口创建成功后，可以改变其大小、位置等，还可以根据应用需要设置窗口背景色、亮度等属性。
在调用showWindow()之前，建议设置子窗口的大小和位置。
如果没有设置子窗口的大小，调用showWindow()后有如下表现：
- 自由窗口状态下，默认子窗口大小为当前物理屏幕的大小。
- 非自由窗口状态下，默认子窗口大小为主窗口大小。

此处以设置独立子窗的属性为例。示例代码如下：

收起
自动换行
深色代码主题
复制
// 2.子窗口创建成功后，设置子窗口的位置、大小及相关属性等。
independentWindowClass.moveWindowTo(100, 100, (err) => {
  if (err?.code) {
    console.error(`Failed to move the window. Cause code: ${err.code}, message: ${err.message}`);
    return;
  }
  console.info('Succeeded in moving the window.');
  if (!independentWindowClass) {
    console.error('independent_windowClass is null');
    return;
  }
  independentWindowClass.resize(1000, 500, (err) => {
    if (err?.code) {
      console.error(`Failed to change the window size. Cause code: ${err.code}, message: ${err.message}`);
      return;
    }
    console.info('Succeeded in changing the window size.');
  });
});
Index.ets

加载显示子窗口的具体内容。

通过setUIContent()和showWindow()接口加载和显示子窗口的具体内容。

此处以加载显示独立子窗的具体内容为例。示例代码如下：

收起
自动换行
深色代码主题
复制
// 3.为子窗口加载对应的目标页面。
independentWindowClass.setUIContent('pages/IndependentSubWindow', (err) => {
  if (err?.code) {
    console.error(`Failed to load the content. Cause code: ${err.code}, message: ${err.message}`);
    return;
  }
  console.info('Succeeded in loading the content.');
  if (!independentWindowClass) {
    console.error('independent_windowClass is null');
    return;
  }
  // 显示子窗口。
  independentWindowClass.showWindow((err) => {
    if (err?.code) {
      console.error(`Failed to show the window. Cause code: ${err.code}, message: ${err.message}`);
      return;
    }
    console.info('Succeeded in showing the window.');
  });
});
Index.ets

销毁子窗口。

当不再需要某些子窗口时，可根据具体实现逻辑，使用destroyWindow()接口销毁子窗口。

此处以销毁独立子窗为例。示例代码如下：

收起
自动换行
深色代码主题
复制
// 4.销毁子窗口。当不再需要子窗口时，可根据具体实现逻辑，使用destroy对其进行销毁。
independentWindowClass.destroyWindow((err) => {
  if (err?.code) {
    console.error(`Failed to destroy the window. Cause code: ${err.code}, message: ${err.message}`);
    return;
  }
  console.info('Succeeded in destroying the window.');
});
Index.ets

窗口类型开发概述

模态窗口开发指导

意见反馈

以上内容对您是否有帮助？

意见反馈

如果您有其他疑问，您也可以通过开发者社区问答频道来和我们联系探讨。

社区提问智能客服提问