点击控制
设置组件是否可以响应点击事件、触摸事件等手指交互事件。
说明
从API Version 9 开始，该接口废弃，建议使用hitTestBehavior替代。
从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
示例
- // xxx.ets
- @Entry
- @Component
- struct TouchAbleExample {
- @State text1: string = ''
- @State text2: string = ''
- build() {
- Stack() {
- Rect()
- .fill(Color.Gray).width(150).height(150)
- .onClick(() => {
- console.info(this.text1 = 'Rect Clicked')
- })
- .overlay(this.text1, { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
- Ellipse()
- .fill(Color.Pink).width(150).height(80)
- .touchable(false) // 点击Ellipse区域，不会打印 “Ellipse Clicked”
- .onClick(() => {
- console.info(this.text2 = 'Ellipse Clicked')
- })
- .overlay(this.text2, { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
- }.margin(100)
- }
- }
