flutter使用Listener控件的onPointerMove捕捉不了鼠标移动

最新推荐文章于 2024-04-10 08:50:18 发布
最新推荐文章于 2024-04-10 08:50:18 发布
阅读量472 收藏 10
点赞数 10
文章标签： flutter 鼠标捕获
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dalaomanzou/article/details/135001127
版权

这里面有两个坑。
1.当使用鼠标时，这种onPointerMove只在按下鼠标左键之后才能触发。
2.如果没有设置behavior属性，或者behavior属性的值没设置对，也不会生效。似乎是因为没给它里面加子组件，导致命中判定的时候会出问题。

为什么说是坑，因为即便不写behavior，也不会报错。运行半天也没任何提示。

通过加上behavior属性，成功激活这个鼠标检测（或者说鼠标监听）：Listener(
onPointerMove: _updatePosition,
behavior: HitTestBehavior.opaque,
)

dalaomanzou
关注
  • 10
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【flutter】flutter原始指针事件PointerEvent处理
now_android
05-26 3215
（1）在移动端，各个平台或UI系统的原始指针事件模型基本都是一致，即：一次完整的事件分为三个阶段：手指按下、手指移动、和手指抬起，而更高级别的手势（如点击、双击、拖动等）都是基于这些原始事件的。 当指针按下时，Flutter会对应用程序执行命中测试(Hit Test)，以确定指针与屏幕接触的位置存在哪些widget。注意，只有通过命中测试的Widget才能触发事件。 （2）Flutter中可以使用...
Flutter事件监听、Pointer、Gesture、EventBus
qq_27909209的博客
07-18 1077
f
Pointer events 指针事件
文摘资讯
03-09 617
在JavaScript中，onpointermove是一个事件处理程序属性，用于处理指针移动事件。你可以将它与一个函数关联起来，以便在指针（通常是鼠标）移动时触发该函数。下面是一个简单的示例代码，演示如何在HTML中使用onpointermove：<!DOCTYPE html> <html> <head> <title>Pointer Mov...
深入理解Flutter的Listener组件
Running&H的博客
03-02 3297
引言 有过移动端开发经验的同学都知道，移动端的触摸事件是由手指按下、手指移动、手指抬起这些基本事件组成的。 在Flutter中，一切皆Widget。Widget本身并不具备识别触摸事件的功能。能识别触摸事件的Widget，必须经由Listener或GestureDetector组装起来。 而GestureDetector本质上还是由Listener组成的，所以我们先认识一下Listener。 Li...
flutter中鼠标检测事件的应用---主要在于网页端使用
最新发布
ZQ200720的博客
04-10 439
flutter中鼠标检测事件的应用---主要在于网页端使用
一个指令实现左右拖动改变布局，附详细代码
前端下午茶
08-28 133
作者：灵扁扁原文：https://juejin.cn/post/7245936314851377210一、前言本文以实现“一个指令实现左右拖动改变页面布局”的需求为例，介绍了：实现思路总结关键技术点完整 demo二、实现思路2.1 外层div布局首先设置4个div元素，一个作为父容器，一个作为左边的容器，一个在中间作为拖动指令承载的元素，最后一个在作为右边容器的元素。<div> ...
Flutter自定义控件之图片裁剪框
01-10
在本文中，我们将深入探讨如何在Flutter框架中创建一个自定义控件，专注于实现图片裁剪功能。Flutter作为Google推出的跨平台开发工具，以其丰富的Widget库和高效的开发体验深受开发者喜爱。然而，尽管Flutter提供了...
Flutter样式和布局控件简析
03-01
但是目前也被CSS所代替，已经不推荐使用。但是在Flutter里面，是没有CSS这样一个概念的，布局和样式都可能会是一个组件或者是组件里面的属性所定义和实现的，对于习惯写样式的前端同学可能需要适应一下。现在可能要...
FlutterRatingbar:Flutter自定义评分控件
05-02
在本文中，我们将深入探讨如何在Flutter中创建一个自定义的评分控件，这主要涉及到Dart编程语言和Flutter框架的应用。FlutterRatingbar是这样一个组件，它允许开发者为应用程序实现高度定制化的评分条。让我们逐步...
flutter的image控件
01-07
flutter的图片控件 1.flutter使用远程图片 使用 Image.network 来调用远程的图片 代码如下： class HomeContent extends StatelessWidget{ @override Widget build(BuildContext context){ return Center( ...
Flutter-深入理解flutter手势分发过程与相关Api
BATTERIA
09-18 359
Pointer Pointer Event指针事件是指最原始的触摸事件，一次事件包括触摸到屏幕、在屏幕上移动到离开屏幕。 使用Listener组件来监听指针事件，基本的回调有onPointerDown、onPointerMove、onPointerUp。 Listener( child: Container( alignment: Alignment.center, color: Colors.blue, width: 100, height: 100, ),
Flutter学习笔记 --事件处理
Memory_of_the_wind的博客
09-05 608
Flutter学习笔记 --事件处理
Js中所有事件列表,on+事件名,React 适用
林中明月间丶
12-08 922
https://reactjs.org/docs/events.html#clipboard-events Clipboard Events: onCopy onCut onPaste Keyboard Events: onKeyDown onKeyPress onKeyUp onFocus onBlur Form Events: onChange onInput onInvalid onReset onSubmit Mouse Events: onClick onContextMen.
解析Flutter中的手势控制Gestures
吉原拉面
09-27 4803
  Flutter提供了很多处理触摸事件的控件，例如InkWell和InkResponse可以处理点击、双击、长按等事件，将它们包裹在需要响应触摸事件的控件外部就可以了，而且InkWell和InkResponse还会添加一个水波纹的点击效果，InkResponse还可以设置水波纹的形状。但是，InkWell和InkResponse都不会做任何的渲染工作，它们只是更新了父级Material Widg...
Flutter Listener 监听手指的滑动方向、监听手指上下滑动
代码小疯子
01-07 5075
Flutter Listener可以监听手指按下、移动、抬起或取消。
Flutter_点击事件及手势处理
红烧馍的博客
04-15 2414
Flutter_点击事件和手势
Flutter进阶—点击、拖动和其他手势
热门推荐
咖啡花园
05-15 1万+
Flutter中的手势系统有两个层次。第一层具有原始指针事件，其描述了穿过屏幕的指针（例如触摸、鼠标和触控笔）的位置和移动。第二层具有手势，其描述由一个或多个指针移动组成的语义动作。指针指针代表用户与设备屏幕交互的原始数据。有四种类型的指针事件： PointerDownEvent：指针已经在特定位置联系了屏幕。 PointerMoveEvent：指针已经从屏幕上的一个位置移动到另一个位置。 Poin
Flutter 触摸事件监听 Listener 、手势识别示例
龙衣
04-04 4943
指针事件 Listener 手势识别 GestureDetector GestureRecognizer 滑动冲突 为了让父容器也能接收到手势，我们需要同时使用 RawGestureDetector 和 GestureFactory，来改变竞技场决定由谁来响应用户事件的结果。 手势冲突只是手势级别的，而手势是对原始指针的语义化的识别，所以在遇到复杂的冲突场景时，都可以通过Listener直接识别原...
Flutter布局与样式控件：去CSS化的探索
在"Flutter样式和布局控件简析"这篇内容中，作者针对前端开发人员在从CSS到Flutter的转变提出了深入的分析。在传统的前端开发中，CSS被广泛应用来处理样式和布局，它定义了元素的外观和位置，与HTML负责内容结构、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值