手势处理，在父布局移动 - HarmonyOS 鸿蒙Next

可以参考以下demo，主要是搞清楚父组件的具体位置坐标，然后主动通过代码来限制，目前默认的手势是全屏的且无法通过api或者配置啥的限制在父组件内：

// xxx.ets
[@Entry](/user/Entry)
[@Component](/user/Component)
struct GestureGroupExample {
  [@State](/user/State) count: number = 0
  [@State](/user/State) offsetX: number = 0
  [@State](/user/State) offsetY: number = 0
  [@State](/user/State) positionX: number = 0
  [@State](/user/State) positionY: number = 0
  [@State](/user/State) borderStyles: BorderStyle = BorderStyle.Solid

  build() {
    Column() {
      Text('sequence gesture\n' + 'LongPress onAction:' + this.count + '\nPanGesture offset:\nX: ' + this.offsetX +
        '\n' + 'Y: ' + this.offsetY)
        .fontSize(15)
    }
    .translate({ x: this.offsetX, y: this.offsetY, z: 0 })
    .height(150)
    .width(200)
    .padding(20)
    .margin(20)
    .border({ width: 3, style: this.borderStyles })
    .gesture(
      // 以下组合手势为顺序识别，当长按手势事件未正常触发时则不会触发拖动手势事件
      GestureGroup(GestureMode.Sequence,
        LongPressGesture({ repeat: true })
          .onAction((event?: GestureEvent) => {
            if (event && event.repeat) {
              this.count++
            }
            console.info('LongPress onAction')
          }),
        PanGesture()
          .onActionStart(() => {
            this.borderStyles = BorderStyle.Dashed
            console.info('pan start')
          })
          .onActionUpdate((event?: GestureEvent) => {
            if (event) {
              if (this.positionX + event.offsetX <= 100 && this.positionX + event.offsetX >= 0) {
                this.offsetX = this.positionX + event.offsetX
              } else if (this.positionX + event.offsetX > 100) {
                this.offsetX = 100
              } else {
                this.offsetX = 0
              }
              if (this.positionY + event.offsetY <= 200 && this.positionY + event.offsetY >= 0) {
                this.offsetY = this.positionY + event.offsetY
              } else if (this.positionY + event.offsetY > 200) {
                this.offsetY = 200
              } else {
                this.offsetY = 0
              }
            }
            console.info('pan update')
          })
          .onActionEnd(() => {
            this.positionX = this.offsetX
            this.positionY = this.offsetY
            this.borderStyles = BorderStyle.Solid
            console.info('pan end')
          })
      )
        .onCancel(() => {
          console.info('sequence gesture canceled')
        })
    )
  }
}