HarmonyOS鸿蒙Next中悬浮窗不支持手机，画中画不支持静态页面，我们需要实现游戏内展示攻略小窗的功能，还有什么方案吗？

开发者你好，画中画支持显示静态画面，内容需要自行设计，参考官网接口示例：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-pipwindow#pipwindowcreate

create并startpip 具体代码如下：

import { BusinessError } from '@kit.BasicServicesKit';
import { BuilderNode, FrameNode, NodeController, PiPWindow, UIContext } from '@kit.ArkUI';
import { common } from '@kit.AbilityKit';

class Params {
  text: string = '';

  constructor(text: string) {
    this.text = text;
  }
}

// 可以通过@Builder装饰器实现布局构建
@Builder
function buildText(params: Params) {
  Column() {
    Text(params.text)
      .fontSize(20)
      .fontColor(Color.Red)
  }
  .width('100%') // 宽度方向充满画中画窗口
  .height('100%') // 高度方向充满画中画窗口
}

// 可通过继承NodeController实现自定义UI控制器
class TextNodeController extends NodeController {
  private message: string;
  private textNode: BuilderNode<[Params]> | null = null;

  constructor(message: string) {
    super();
    this.message = message;
  }

  // 通过BuilderNode加载自定义布局
  makeNode(context: UIContext): FrameNode | null {
    this.textNode = new BuilderNode(context);
    this.textNode.build(wrapBuilder<[Params]>(buildText), new Params(this.message));
    return this.textNode.getFrameNode();
  }

  // 可自定义该方法实现布局更新
  update(message: string) {
    console.log(`update message: ${message}`);
    if (this.textNode !== null) {
      this.textNode.update(new Params(message));
    }
  }
}

@Entry
@Component
struct Index {
  private message: string = 'createPiP';
  private pipController: PiPWindow.PiPController | undefined = undefined;
  private mXComponentController: XComponentController =
    new XComponentController(); // 应使用该mXComponentController初始化XComponent: XComponent( {id: 'video', type: 'surface', controller: mXComponentController} )，保证XComponent的内容可以被迁移到画中画窗口。
  private nodeController: TextNodeController = new TextNodeController('this is custom UI');
  private navId: string = 'page_1'; // 假设当前页面的导航id为page_1，详见PiPConfiguration定义，具体导航名称自行定义。
  private contentWidth: number = 800; // 假设当前内容宽度800px。
  private contentHeight: number = 600; // 假设当前内容高度600px。
  private para: Record<string, number> = { 'PropA': 47 };
  private localStorage: LocalStorage = new LocalStorage(this.para);
  private res: boolean = this.localStorage.setOrCreate('PropB', 121);
  private defaultWindowSizeType: number = 1; // 指定画中画第一次拉起窗口为小窗口。
  private config: PiPWindow.PiPConfiguration = {
    context: this.getUIContext().getHostContext() as Context,
    componentController: this.mXComponentController,
    // navigationId: this.navId,
    templateType: PiPWindow.PiPTemplateType.VIDEO_CALL,
    contentWidth: this.contentWidth,
    contentHeight: this.contentHeight,
    // controlGroups: [PiPWindow.VideoPlayControlGroup.VIDEO_PREVIOUS_NEXT],
    customUIController: this.nodeController, // 可选，如果需要在画中画显示内容上方展示自定义UI，可设置该参数。
    localStorage: this.localStorage, // 可选，如果需要跟踪主窗实例，可设置此参数。
    // defaultWindowSizeType: this.defaultWindowSizeType, // 可选，如果需要配置默认启动窗口档位，可设置此参数。
  };

  createAndStartPiP() {
    let promise: Promise<PiPWindow.PiPController> = PiPWindow.create(this.config);
    promise.then((data: PiPWindow.PiPController) => {
      this.pipController = data;
      let promise: Promise<void> = this.pipController.startPiP();
      promise.then(() => {
        console.info(`Succeeded in starting pip.`);
      }).catch((err: BusinessError) => {
        console.error(`Failed to start pip. Cause:${err.code}, message:${err.message}`);
      });
      console.info(`Succeeded in creating pip controller. Data:${data}`);
    }).catch((err: BusinessError) => {
      console.error(`Failed to create pip controller. Cause:${err.code}, message:${err.message}`);
    });
  }

  //仅用于功能测试，实际开发过程中按功能需求设计组件
  build() {
    RelativeContainer() {
      Button(this.message)
        .onClick(() => {
          this.createAndStartPiP();
        })
    }
  }
}