HarmonyOS如何将自定义弹窗显示在某个控件的位置附近

@Entry 
@Component 
struct CustomDialogUser { 
  dialogController: CustomDialogController = new CustomDialogController({ 
    builder: CustomDialogExample({ 
      cancel: ()=> { this.onCancel() }, 
      confirm: ()=> { this.onAccept() }, 
    }), 
    alignment: DialogAlignment.TopEnd, 
    offset: { dx: 0, dy: 10 }, 
    gridCount: 4, 
    customStyle: false, 
    backgroundColor: 0xd9ffffff, 
    cornerRadius: 10, 
  }) 
  onCancel() { 
    console.info('Callback when the first button is clicked') 
  } 
  onAccept() { 
    console.info('Callback when the second button is clicked') 
  } 
  build() { 
    Column() { 
      Button('click me') 
        .onClick(() => { 
          this.dialogController.open() 
        }) 
    }.width('100%').margin({ top: 5 }) 
  } 
} 
@CustomDialog 
struct CustomDialogExample { 
  cancel?: () => void 
  confirm?: () => void 
  controller: CustomDialogController 
 
  build() { 
    Column() { 
      Text('我是内容').fontSize(20).margin({ top: 10, bottom: 10 }) 
      Flex({ justifyContent: FlexAlign.SpaceAround }) { 
        Button('cancel') 
          .onClick(() => { 
            this.controller.close() 
            if (this.cancel) { 
              this.cancel() 
            } 
          }).backgroundColor(0xffffff).fontColor(Color.Black) 
        Button('confirm') 
          .onClick(() => { 
            this.controller.close() 
            if (this.confirm) { 
              this.confirm() 
            } 
          }).backgroundColor(0xffffff).fontColor(Color.Red) 
      }.margin({ bottom: 10 }) 
    }.backgroundColor(Color.Red) 
  } 
}

// xxx.ets 
@Entry 
@Component 
struct AreaExample { 
  @State value: string = 'Text' 
  @State sizeValue: string = '' 
  build() { 
    Column() { 
      Text(this.value) 
        .backgroundColor(Color.Green).margin(30).fontSize(20) 
        .onClick(() => { 
          this.value = this.value + 'Text' 
        }) 
        .onAreaChange((oldValue: Area, newValue: Area) => { 
          console.info(`Ace: on area change, oldValue is ${JSON.stringify(oldValue)} value is ${JSON.stringify(newValue)}`) 
          this.sizeValue = JSON.stringify(newValue) 
        }) 
      Text('new area is: \n' + this.sizeValue).margin({ right: 30, left: 30 }) 
    } 
    .width('100%').height('100%').margin({ top: 30 }) 
  } 
}