• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 触摸测试控制
2
3设置组件的触摸测试类型。ArkUI开发框架在处理触屏事件时，会在触屏事件触发前，进行按压点和组件区域的触摸测试来收集需要响应触屏事件的组件，然后基于触摸测试结果分发相应的触屏事件。hitTestBehavior属性可以设置不同的触摸测试响应模式，影响组件的触摸测试收集结果，最终影响后续的触屏事件分发，具体影响参考[HitTestMode](#hittestmode枚举说明)枚举说明。
4
5>  **说明：**
6>  - 从API Version 9开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
7>  - 当Stack组件中有多个节点触摸区域重叠时，如两个节点，默认只会对显示在最上层的节点做触摸测试，若需要显示在下层的节点触发触摸测试，请给显示在上层的节点设置hitTestBehavior为HitTestMode.Transparent。
8
9## hitTestBehavior
10
11hitTestBehavior(value: HitTestMode)
12
13设置组件的触摸测试类型。
14
15**系统能力：** SystemCapability.ArkUI.ArkUI.Full
16
17**参数：**
18
19| 参数名            | 类型     | 必填                             | 说明                               |
20| -------------------- | -------- | ---------------------------------------- | ---------------------------------------- |
21| value | [HitTestMode](#hittestmode枚举说明) | 是 | 设置当前组件的触摸测试类型。<br>默认值： HitTestMode.Default |
22
23## HitTestMode枚举说明
24
25| 名称          | 枚举值    | 描述                                       |
26| ------------| ---------|----------------------------------- |
27| Default     | 0 |默认触摸测试效果，自身和子节点都响应触摸测试，但会阻塞兄弟节点的触摸测试。 |
28| Block       | 1 |自身响应触摸测试，阻塞子节点和兄弟节点的触摸测试。 |
29| Transparent | 2 |自身和子节点都响应触摸测试，不会阻塞兄弟节点的触摸测试。 |
30| None        | 3 |自身不响应触摸测试，不会阻塞子节点和兄弟节点的触摸测试。 |
31
32
33## 示例
34
35Text组件设置hitTestBehavior为HitTestMode.Transparent，不会阻塞内层Stack的触摸测试，因此Text和内层Stack的onTouch事件都会触发。
36内层Stack设置hitTestBehavior为HitTestMode.Block，会阻塞子节点和外层Button进行触摸测试，因此内层Button和外层Button组件不会响应onTouch事件。
37
38```ts
39// xxx.ets
40@Entry
41@Component
42struct HitTestBehaviorExample {
43  build() {
44    // outer stack
45    Stack() {
46      Button('outer button')
47        .onTouch((event) => {
48          console.info('outer button touched type: ' + (event as TouchEvent).type)
49        })
50      // inner stack
51      Stack() {
52        Button('inner button')
53          .onTouch((event) => {
54            console.info('inner button touched type: ' + (event as TouchEvent).type)
55          })
56      }
57      .width("100%").height("100%")
58      .hitTestBehavior(HitTestMode.Block)
59      .onTouch((event) => {
60        console.info('stack touched type: ' + (event as TouchEvent).type)
61      })
62
63      Text('Transparent')
64        .hitTestBehavior(HitTestMode.Transparent)
65        .width("100%").height("100%")
66        .onTouch((event) => {
67          console.info('text touched type: ' + (event as TouchEvent).type)
68        })
69    }.width(300).height(300)
70  }
71}
72```