Image组件无法设置长按事件

最近对image 设置长按事件,通过api发现有个长按事件  LongPressGesture,但是使用了长按没反应,于是看文档,文档描述如下:

当组件默认支持可拖拽时,如Text、TextInput、TextArea、HyperLink、Image和RichEditor等组件。长按手势与拖拽会出现冲突,事件优先级如下:

长按触发时间 < 500ms,长按事件优先拖拽事件响应。

长按触发时间 >= 500ms,拖拽事件优先长按事件响应。

那心想是不是事件冲突,为了保证长按事件可以,禁掉别的事件是不是就可以,经过验证是可以的,设置draggable(false)就ok了。

@Entry
@Component
export struct FirstPage {
  build() {
    Column() {
      Text("测试image长按事件").margin({ bottom: 15 })
      Image($r('app.media.app_icon'))
        .width(60)
        .height(60)
        .draggable(false) //Image组件默认是可拖拽的,给Image组件设置draggable为false
        .gesture(
          LongPressGesture({ repeat: true })
            .onAction((event?: GestureEvent) => {
              if (event) {
                console.log(`FirstPage 收到了事件了吗`)
              }
            })
        )
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
    .alignItems(HorizontalAlign.Center)
  }
}

相关推荐

  1. Image无法设置事件

    2024-06-12 00:36:03       25 阅读
  2. 封装触发事件的uniapp

    2024-06-12 00:36:03       33 阅读
  3. React-Native Modal无法返回键隐藏

    2024-06-12 00:36:03       31 阅读
  4. 鸿蒙组件学习_Image

    2024-06-12 00:36:03       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-12 00:36:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-12 00:36:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-06-12 00:36:03       82 阅读
  4. Python语言-面向对象

    2024-06-12 00:36:03       91 阅读

热门阅读

  1. python,django好的get和post请求

    2024-06-12 00:36:03       22 阅读
  2. Web前端ES6-ES13笔记合集(下)

    2024-06-12 00:36:03       18 阅读
  3. c、c#、c++嵌入式比较?

    2024-06-12 00:36:03       20 阅读
  4. 递归算法举例

    2024-06-12 00:36:03       27 阅读
  5. 华为云服务器CentOS 8解决yum不能更新源问题

    2024-06-12 00:36:03       26 阅读
  6. 大模型日报2024-06-11

    2024-06-12 00:36:03       46 阅读
  7. React@16.x(26)useContext

    2024-06-12 00:36:03       38 阅读
  8. 新视野大学英语2 词组 6.11

    2024-06-12 00:36:03       35 阅读
  9. 419.甲板上的战舰

    2024-06-12 00:36:03       31 阅读
  10. 比亚迪算法岗面试,问的贼细

    2024-06-12 00:36:03       34 阅读