HarmonyOS 是否具有悬浮窗口/二级菜单悬浮窗口的组件和样例代码？

AppStorage.setOrCreate("windowStage", windowStage);
1.

import { window } from '@kit.ArkUI'  
import { createSubWindow, SubWindow } from './utils'  
  
@Entry  
@Component  
struct IndexPage {  
  @State windowStage: window.WindowStage = AppStorage.get("windowStage") as window.WindowStage  
  
  build() {  
    Row() {  
      Column() {  
        Button("创建子窗口", { stateEffect: true, type: ButtonType.Capsule })  
          .width('80%')  
          .height(40)  
          .margin(20)  
          .onClick(() => {  
            let data: SubWindow = new SubWindow('subWinOne', 'pages/SubWindow/SubWinOne', 0, 640, vp2px(70), vp2px(70))  
            createSubWindow(this.windowStage, data)  
          })  
      }  
      .width('100%')  
    }  
    .height('100%')  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.

import { window } from '@kit.ArkUI';  
import { createSubWindow, SubWindow } from './utils';  
  
@Entry  
@Component  
struct SubWinOne {  
  @State windowStage: window.WindowStage = AppStorage.get("windowStage") as window.WindowStage;  
  @State subWindowList: SubWindow[] = [  
    new SubWindow('subWinTwo', 'pages/SubWindow/SubWinTwo', 100, 400, vp2px(50), vp2px(50)),  
    new SubWindow('subWinThree', 'pages/SubWindow/SubWinThree', 280, 660, vp2px(50), vp2px(50)),  
    new SubWindow('subWinFour', 'pages/SubWindow/SubWinFour', 100, 930, vp2px(50), vp2px(50))  
  ]  
  
  onPageShow(): void {  
    setTimeout(() => {  
      // 获取子窗口ID  
      let subWindowID: number = window.findWindow("subWinOne").getWindowProperties().id  
      // 获取主窗口ID  
      let mainWindowID: number = this.windowStage.getMainWindowSync().getWindowProperties().id  
      // 将焦点从子窗口转移到主窗口  
      window.shiftAppWindowFocus(subWindowID, mainWindowID)  
    }, 500)  
  }  
  
  build() {  
    Row() {  
      Column() {  
        Text('鹰巢').fontColor(Color.White)  
          .onClick(() => {  
            for (let i = 0; i < this.subWindowList.length; i++) {  
              createSubWindow(this.windowStage, this.subWindowList[i])  
            }  
          })  
      }  
      .width('100%')  
    }  
    .height('100%')  
    .backgroundColor(Color.Orange)  
    .borderRadius(40)  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.

（SubWinThree、SubWinFour是一样的，就不贴上来了）  
import { window } from '@kit.ArkUI';  
  
@Entry  
@Component  
struct SubWinTwo {  
  @State windowStage: window.WindowStage = AppStorage.get("windowStage") as window.WindowStage;  
  
  onPageShow(): void {  
    setTimeout(() => {  
      // 获取子窗口ID  
      let subWindowID: number = window.findWindow("subWinTwo").getWindowProperties().id  
      // 获取主窗口ID  
      let mainWindowID: number = this.windowStage.getMainWindowSync().getWindowProperties().id  
      // 将焦点从子窗口转移到主窗口  
      window.shiftAppWindowFocus(subWindowID, mainWindowID)  
    }, 500)  
  }  
  
  build() {  
    Row() {  
      Column() {  
        Text('录像').fontColor(Color.White)  
      }  
      .width('100%')  
    }  
    .height('100%')  
    .backgroundColor(Color.Orange)  
    .borderRadius(40)  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.

import { window } from '@kit.ArkUI';  
  
export class SubWindow {  
  subWindowName: string = ''  
  pagePath: string = ''  
  posX: number = 0  
  posY: number = 0  
  windowWidth: number = 0  
  windowHeight: number = 0  
  
  constructor(subWindowName: string, pagePath: string, posX: number, posY: number, windowWidth: number, windowHeight: number) {  
    this.subWindowName = subWindowName  
    this.pagePath = pagePath  
    this.posX = posX  
    this.posY = posY  
    this.windowWidth = windowWidth  
    this.windowHeight = windowHeight  
  }  
}  
  
export function createSubWindow(windowStage: window.WindowStage, subWindowInfo: SubWindow) {  
  windowStage.createSubWindow(subWindowInfo.subWindowName, (err, windowClass) => {  
    if (err.code > 0) {  
      return;  
    }  
    // 设置子窗口加载页  
    try {  
      windowClass.setUIContent(subWindowInfo.pagePath, () => {  
        windowClass.setWindowBackgroundColor('#00000000')  
      });  
      // 设置子窗口左上角坐标  
      windowClass.moveWindowTo(subWindowInfo.posX, subWindowInfo.posY)  
      // 设置子窗口大小  
      windowClass.resize(subWindowInfo.windowWidth, subWindowInfo.windowHeight)  
      // 展示子窗口  
      windowClass.showWindow();  
      // 设置子窗口全屏化布局不避让安全区  
      // windowClass.setWindowLayoutFullScreen(true);  
    } catch (err) {  
      console.error("failed to create subWindow Cause:" + err)  
    }  
  })  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.