Flutter了解之手势

Flutter了解之手势,第1张

描述了屏幕上指针(触摸、鼠标、触控笔)的位置和移动。

Flutter中可以使用Listener(功能性组件)来监听原始触摸事件

例1

例2

例3

忽略PointerEvent

手势: 描述由一个或多个指针移动组成的语义动作,如拖动、缩放、双击等。

Material大多数widget已经对tap或手势做出了响应。 例如 IconButton和 FlatButton 响应单击,ListView响应滑动事件触发滚动。

用于手势识别的功能性组件,通过它可以来识别各种手势。

例(单击)

例(添加Material触摸水波效果 InkWell组件)

例(滑动关闭 Dismissable组件)

例(单击、双击、长按)

例(滑动)

例(扫动---单一方向)

例(缩放)

GestureRecognizer是一个抽象类。

一种手势的识别器对应一个GestureRecognizer的子类。

由于手势竞争最终只有一个胜出者,所以,当有多个手势识别器时,可能会产生冲突。

在APP中经常会需要一个广播机制,用以跨页面通知。比如一个需要登录的APP中,页面会关注用户登录或注销事件,来进行一些状态更新。

这时候,一个事件总线便会非常有用,事件总线通常实现了订阅者模式,订阅者模式包含发布者和订阅者两种角色,可以通过事件总线来触发事件和监听事件。

对于一些简单的应用,事件总线是足以满足业务需求的,如果决定使用状态管理包的话,一定要想清楚APP是否真的有必要使用它,防止“化简为繁”、过度设计。

在widget树中,每一个节点都可以分发通知,通知会沿着当前节点向上传递,所有父节点都可以通过NotificationListener来监听通知。

Flutter中将这种由子向父的传递通知的机制称为通知冒泡(Notification Bubbling)。

通知冒泡和用户触摸事件冒泡是相似的,但有一点不同:通知冒泡可以中止,但用户触摸事件不行。

通知冒泡和Web开发中浏览器事件冒泡原理是相似的,都是事件从出发源逐层向上传递,可以在上层节点任意位置来监听通知/事件,也可以终止冒泡过程,终止冒泡后,通知将不会再向上传递。

Flutter的UI框架实现中,除了在可滚动组件在滚动过程中会发出ScrollNotification之外,还有一些其它的通知,如SizeChangedLayoutNotification、KeepAliveNotification 、LayoutChangedNotification等,Flutter正是通过这种通知机制来使父元素可以在一些特定时机来做一些事情。

阻止冒泡

通知冒泡原理

InkWell 中点击事件分为来管理点击回调和水波动画。

onTap: () // 单击

onDoubleTap: () // 双击

onLongPress: ()// 长按 

详细请看 https://blog.csdn.net/zl18603543572/article/details/95037826

onTap: () // 单击

onDoubleTap: () // 双击

onLongPress: ()// 长按 

onTapCancel:()//取消"

onTapUp:(e)//松开"

onTapDown:(e)//"按下"

拖动手势主要由

onPanDown(手指按下)、

onPanUpdate(手指滑动)、

onPanEnd(滑动结束)

onScaleUpdate:(ScaleUpdateDetails e) 缩放

如果没有特殊要求,只相应onTap的话,尽可能用 InkWell,,开发中InkWell,反应比较灵敏一点

d出的软键盘无法关闭,尽可能使用GestureDetector,


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11277853.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存