HarmonyOS鸿蒙Next中父组件进行缩放后，bindPopup怎么跟随父组件的变化而改变

HarmonyOS鸿蒙Next中父组件进行缩放后，bindPopup怎么跟随父组件的变化而改变 【问题描述】：父组件使用了scale缩放，子组件按钮使用了bindPopup，按钮缩放后，绑定的bindPopup错位了，还在原来没有缩放的位置上

【问题现象】：按钮缩放后，绑定的bindPopup错位了，还在原来没有缩放的位置上

【版本信息】：不涉及

【复现代码】：

@Entry
@Component
export struct Index {
  @State containerWidth: number = 0; // 视口宽度
  @State containerHeight: number = 0; // 视口高度
  @State viewWidth: number = 0; // 组件宽度
  @State viewHeight: number = 0; // 组件高度
  @State viewScale: number = 1
  @State list: Array<string> = ["", "", "", ""]
  @State selBtnIndex: number = -1
  @State isShowPopup: boolean = false

  @Builder
  demoCard() {
    RelativeContainer() {

    }
    .height("120lpx")
    .width("100%")
    .backgroundColor(Color.White)
  }

  build() {
    RelativeContainer() {
      RelativeContainer() {
        Row({ space: 20 }) {
          ForEach(this.list, (item: string, index) => {
            Text(`按钮${index}`)
              .margin(10)
              .height("100lpx")
              .fontSize("20lxp")
              .fontColor(Color.White)
              .bindPopup(this.isShowPopup && this.selBtnIndex == index, {
                builder: this.demoCard(),
                width: "80lpx",
                placement: Placement.Top,
                radius: "12lpx",
                offset: { x: 0, y: `${20}lpx` },
                popupColor: Color.White,
                onStateChange: (e) => {
                  this.isShowPopup = e.isVisible
                },
              })
              .onClick(() => {
                this.selBtnIndex = index
                this.isShowPopup = true
              })
          })
        }
        .backgroundColor(Color.Black)
        .alignRules({
          middle: { anchor: "__container__", align: HorizontalAlign.Center }
        })
        .margin(10)
      }
      .backgroundColor(Color.Blue)
      .width("960lpx")
      .height("600lpx")
      .alignRules({
        center: { anchor: "__container__", align: VerticalAlign.Center },
        middle: { anchor: "__container__", align: HorizontalAlign.Center }
      })
      .onAreaChange((oldArea, newArea) => {
        this.viewWidth = Number(newArea.width);
        this.viewHeight = Number(newArea.height);
        this.checkViewSize()
      })
      .scale({
        centerY: "50%",
        centerX: "50%",
        x: this.viewScale,
        y: this.viewScale
      })
    }
    .width("100%")
    .height("100%")
    .onAreaChange((oldArea, newArea) => {
      this.containerWidth = Number(newArea.width);
      this.containerHeight = Number(newArea.height);
      this.checkViewSize()
    })
  }

  checkViewSize() {
    if (this.containerWidth != 0 && this.viewWidth != 0) {
      const viewAspectRatio = this.viewWidth / this.viewHeight;
      const containerAspectRatio = this.containerWidth / this.containerHeight;
      let scale: number;
      if (viewAspectRatio > containerAspectRatio) {
        // 以宽度为基准缩放
        scale = this.containerWidth / this.viewWidth;
      } else {
        // 以高度为基准缩放
        scale = this.containerHeight / this.viewHeight;
      }
      // 更新缩放比例
      this.viewScale = scale;
    }
  }
}