觸摸測試控制

屬性

HitTestMode枚舉說明

示例

Text組件設置hitTestBehavior為HitTestMode.Transparent，不會阻塞內(nèi)層Stack的觸摸測試，因此Text和內(nèi)層Stack的onTouch事件都會觸發(fā)。

內(nèi)層Stack設置hitTestBehavior為HitTestMode.Block，會阻塞子節(jié)點和外層Button進行觸摸測試，因此內(nèi)層Button和外層Button組件不會響應onTouch事件。

// xxx.ets
@Entry
@Component
struct HitTestBehaviorExample {
  build() {
    // outer stack
    Stack() {
      Button('outer button')
        .onTouch((event) => {
          console.info('outer button touched type: ' + event.type)
        })
      // inner stack
      Stack() {
        Button('inner button')
          .onTouch((event) => {
            console.info('inner button touched type: ' + event.type)
          })
      }
      .width("100%").height("100%")
      .hitTestBehavior(HitTestMode.Block)
      .onTouch((event) => {
        console.info('stack touched type: ' + event.type)
      })

      Text('Transparent')
        .hitTestBehavior(HitTestMode.Transparent)
        .width("100%").height("100%")
        .onTouch((event) => {
          console.info('text touched type: ' + event.type)
        })
    }.width(300).height(300)
  }
}