toggle组件设置拖动的同时如何屏蔽其本身的点击手势

import { hilog } from '@kit.PerformanceAnalysisKit'; 
 
@Entry 
@Component 
export struct TestDragToggle { 
  @State offsetX: number = 0; 
  @State offsetY: number = 0; 
  @State positionX: number = 0; 
  @State positionY: number = 0; 
  @State toggleIsOn: boolean = true; 
  private isDragging: boolean = false; 
 
  build() { 
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center }) { 
      Toggle({ type: ToggleType.Button, isOn: this.toggleIsOn }) { 
        Text('Toggle') 
      } 
      .selectedColor(Color.Pink) 
      // onchange回调先于onActionEnd 
      .onChange((isOn: boolean) => { 
        hilog.info(0x0000, 'testTag', 'xxx %{public}s', `onClick Toggle, isOn: ${isOn}`); 
        console.info('isDragging======' + this.isDragging) 
        if (isOn == this.toggleIsOn) { 
          return 
        } else { 
          this.toggleIsOn = isOn 
        } 
        if (this.isDragging) { 
          this.toggleIsOn = !this.toggleIsOn 
        } 
      }) 
      .translate({ x: this.offsetX, y: this.offsetY }) 
      .gesture( 
        PanGesture() 
          .onActionStart((event: GestureEvent) => { 
            this.isDragging = true; 
          }) 
          .onActionUpdate((event: GestureEvent) => { 
            this.offsetX = this.positionX + event.offsetX; 
            this.offsetY = this.positionY + event.offsetY; 
          }) 
          .onActionEnd((event: GestureEvent) => { 
            this.positionX = this.offsetX; 
            this.positionY = this.offsetY; 
            this.isDragging = false; 
          }) 
      ) 
    } 
  } 
}