HarmonyOS 鸿蒙Next XComponent 点击事件

XComponent组件可以响应onClick事件，请参考以下示例：

// xxx.ets

import { trustedAppService } from '[@kit](/user/kit).DeviceSecurityKit'

[@Entry](/user/Entry)

[@Component](/user/Component)

struct PreviewArea {

  private surfaceId: string = ''

  private xComponentContext: Record<string, () => void> = {}

  xComponentController: XComponentController = new XComponentController()

  [@State](/user/State) isSHow:Visibility = Visibility.Visible

  build() {

    Row() {

      XComponent({

        id: 'xcomponent',

        type: XComponentType.SURFACE,

        controller: this.xComponentController

      })

        .onClick(()=>{

          if (this.isSHow == Visibility.Visible) {

            this.isSHow = Visibility.Hidden

          }else {

            this.isSHow = Visibility.Visible

          }

        })

        .backgroundColor(Color.Brown)

        .onLoad(() => {

          this.xComponentController.setXComponentSurfaceSize({ surfaceWidth: 1920, surfaceHeight: 1080 })

          this.surfaceId = this.xComponentController.getXComponentSurfaceId()

          this.xComponentContext = this.xComponentController.getXComponentContext() as Record<string, () => void>

        })

        .width('640px')

        .height('480px')

      Text('天龙八部')

        .visibility(this.isSHow)

    }

    .backgroundColor(Color.Orange)

    .position({ x: 0, y: 48 })

  }

}