HarmonyOS鸿蒙Next中怎么实现全局window悬浮框

有要学HarmonyOS AI的同学吗，联系我：https://www.itying.com/goods-1206.html

具体实现代码可参考以下：
window悬浮框内代码：

import { display, inspector, window } from '@kit.ArkUI';
import { WindowAppStorage } from './WindowAppStorage';

export interface WindowPosition {
  x: number,
  y: number
}

@Entry
@Component
export struct WindowPage {
  @State windowStage: window.WindowStage = AppStorage.get('windowStage') as window.WindowStage;
  @State subWindow: window.Window = window.findWindow(WindowAppStorage.windowName);
  @State @Watch('moveWindow') windowPosition: WindowPosition = {
    x: 0,
    y: WindowAppStorage.windowY
  };
  // @State windowWidth:number = CommonConstants.window_default_width;
  // @State windowHeight:number = CommonConstants.window_default_height;
  listener: inspector.ComponentObserver = inspector.createComponentObserver('COMPONENT_ID');
  private panOption: PanGestureOptions = new PanGestureOptions({ direction: PanDirection.All });
  private callback: () => void = () => {
    this.subWindow.resize(vp2px(WindowAppStorage.windowWidth), vp2px(WindowAppStorage.windowHeight));
  };
  @State displayWidth:number = 0
  @State displayHeight:number = 0
  @State floatWindowPagePadding: number = 8

  aboutToAppear(): void {
    this.displayWidth = px2vp(display.getDefaultDisplaySync().width)
    this.displayHeight = px2vp(display.getDefaultDisplaySync().height)
  }
  onPageShow(): void {
    setTimeout(() => {
      try {
        let subWindowID: number = window.findWindow('WindowPage').getWindowProperties().id;
        let mainWindowID: number = this.windowStage.getMainWindowSync().getWindowProperties().id;
        //通过window.shiftAppWindowFocus转移窗口焦点实现创建子窗口后，主窗口依然可以响应事件
        window.shiftAppWindowFocus(subWindowID, mainWindowID);
      } catch (error) {
        // LoggerUtils.error('shiftAppWindowFocus failed' + JSON.stringify(error));
      }
    }, 500)
    this.listener.on('layout', this.callback);
  }

  onPageHide(): void {
    this.listener.off('layout', this.callback);
  }

  destroyView() {
    this.subWindow.destroyWindow()
  }

  /**
   * Move the floating window to the specified position.
   */
  moveWindow() {
    this.subWindow.moveWindowTo(vp2px(this.windowPosition.x), vp2px(this.windowPosition.y));
  }

  build() {
    Row() {
      this.openBuilder()
    }
    .backgroundColor(Color.Transparent)
    .gesture(
      PanGesture(this.panOption)
        .onActionStart((event: GestureEvent) => {
        })
        .onActionUpdate((event: GestureEvent) => {
          let x:number = this.windowPosition.x
          let y:number = this.windowPosition.y
          x += px2vp(event.offsetX);
          y += px2vp(event.offsetY);
          let top = WindowAppStorage.windowTop;
          let bottom = this.displayHeight - WindowAppStorage.windowTop;
          if (y < top) {
            y = top;
          } else if (y > bottom) {
            y = bottom;
          }
          this.windowPosition = {
            x:x,
            y:y
          }
        })
        .onActionEnd((event: GestureEvent) => {
          let x:number = this.windowPosition.x
          let y:number = this.windowPosition.y
          if ((x + (px2vp(this.subWindow.getWindowProperties().windowRect.width) / 2)) >= (this.displayWidth / 2)) {
            x = this.displayWidth - px2vp(this.subWindow.getWindowProperties().windowRect.width) - this.floatWindowPagePadding;
          } else if (event.offsetX < (this.displayWidth / 2)) {
            x = this.floatWindowPagePadding;
          }
          let top = WindowAppStorage.windowTop;
          let bottom = this.displayHeight - 5;
          if (y < top) {
            y = top;
          } else if (y > bottom) {
            y = bottom;
          }
          this.windowPosition = {
            x:x,
            y:y
          }
        })
    )
  }

  @Builder
  openBuilder() {
    Row() {
       Row(){
         Row(){
           Text('哈哈')
             .fontColor(Color.White)
         }
         .justifyContent(FlexAlign.Center)
         .backgroundColor(Color.Blue)
         .width('100%')
         .height(WindowAppStorage.windowHeight)
         .layoutWeight(1)
         .onClick(()=>{
           })
         Button('关闭')
           .backgroundColor(Color.Gray)
           .height(WindowAppStorage.windowHeight)
           .padding(0)
           .onClick(()=>{
             this.destroyView()
           })
       }
      .height(WindowAppStorage.windowHeight)
      .width(WindowAppStorage.windowWidth)
    }
    .id('COMPONENT_ID')
    .height(WindowAppStorage.windowHeight)
  }
}

打开悬浮框代码：

 Button('打开window悬浮框')
          .height(80)
          .padding({left:12,right:12})
          .backgroundColor(Color.Red)
          .fontColor(Color.White)
          .onClick(()=>{
           if (this.isShowWindow()){
             this.removeWindow()
           }
            ShowWindow.show()
          })
        Button('关闭window悬浮框')
          .height(80)
          .padding({left:12,right:12})
          .backgroundColor(Color.Red)
          .fontColor(Color.White)
          .onClick(()=>{
            if (this.isShowWindow()){
              this.removeWindow()
            }
          })

//关闭悬浮框
  async removeWindow(){
    let subWindow: window.Window = window.findWindow(WindowAppStorage.windowName);
    await subWindow.destroyWindow()
  }

  ///该window是否在显示
  isShowWindow():boolean{
    try {
      let subWindow: window.Window = window.findWindow(WindowAppStorage.windowName);
      return subWindow.isWindowShowing()
    } catch (e) {
      return false
    }
    return false
  }

import { window } from '@kit.ArkUI';
import { WindowAppStorage } from './WindowAppStorage';

@Component
export default struct WindowComponent {

  show(){
    let windowStage: window.WindowStage = AppStorage.get('windowStage') as window.WindowStage;
    windowStage.createSubWindow(WindowAppStorage.windowName, (err, windowClass) => {
      if (err.code > 0) {
        debugger
        // LoggerUtils.error('failed to create subWindow Cause:' + err.message);
        return;
      }
      try {
        windowClass.setUIContent('pages/WindowPage', () => {
          windowClass.setWindowBackgroundColor('#00000000');
        });
        windowClass.resize(vp2px(WindowAppStorage.windowWidth), vp2px(WindowAppStorage.windowHeight));
        windowClass.moveWindowTo(0, vp2px(WindowAppStorage.windowY));
        windowClass.showWindow();
        windowClass.setWindowLayoutFullScreen(true);
      } catch (err) {
        debugger
        // LoggerUtils.error('failed to create subWindow Cause:' + err);
      }
    })
  }
  build() {

  }
}
export class  ShowWindow {
  static show(): void{
    return new WindowComponent().show()
  }
}