Flutter进阶篇（3）-- Flutter 的手势（GestureDetector）分析详解

最新推荐文章于 2024-05-13 22:39:34 发布
置顶 最新推荐文章于 2024-05-13 22:39:34 发布
阅读量1.3k 收藏
点赞数
分类专栏： Flutter从入门到实战 文章标签： Flutter Dart
版权声明：本文为CSDN博主「AWeiLoveAndroid」的原创文章，遵循CC 4.0 BY-SA版权协议，版权归作者所有，转载请附上原文出处链接及本声明。
本文链接：https://blog.csdn.net/lzw2497727771/article/details/103576820
版权
本文作者AWeiLoveAndroid深入探讨了Flutter中的GestureDetector，包括7大类25种手势操作，如Tap、双击、长按、滑动和缩放等，并提供了手势识别器的闭包函数统计分析，帮助开发者理解其工作原理。
摘要由CSDN通过智能技术生成

声明：本文是作者AWeiLoveAndroid原创，版权归作者AWeiLoveAndroid所有，侵权必究。如若转发，请注明作者和来源地址！未经授权，严禁私自转载！

今天详细讲解一下Flutter中的GestureDetector。

 
6098829-5d6d7faa80cbf18b.png
 

一、手势识别器分类

GestureDetector手势操作是开发中必不可少的，Flutter中的GestureDetector一共有 7大类25种。

分别是：

Tap：

onTapDown: (details) {},
onTapUp: (details) {},
onTap: () {},
onTapCancel: () {},

双击：

onDoubleTap: () {
了解本专栏 订阅专栏 解锁全文
AWeiLoveAndroid
关注
专栏目录
订阅专栏
Flutter基础组件详解-Text的使用
timtian008的博客
06-29 672
Text最基本的用法有这些： 字体 颜色，字体，大小，背景 文本的对齐方式，可以选择左对齐、右对齐还是居中对齐 TextSpan，它代表文本的一个“片段” 设置某一个节点处设置一个默认的文本样式 文本点击事件 富文本的显示 ,文字，阴影 基本使用 Text 用来显示单一样式的文本字符串， Container( child: Text( "多行文本显示时，只显示 maxLines，多余文本通过 overflow 处理 " * 7,
Flutter 基础之 GestureDetector 手势 (交互模型篇)
小嵩的博客
08-05 5721
声明：本篇文章已授权微信公众号 YYGeeker 独家发布。 博主原创文章，转载请注明出处：小嵩的博客 介绍 GestureDetector是Flutter的手势检测器，它会尝试识别与其非null的回调相对应的手势。如果此Widget组件具有子控件，那么它的大小调整行为将遵从该子控件件。如果它没有子控件，那么它将变大以适合父控件。 默认情况下，带有不可见子控件的手势检测器会忽略触摸；可以通过行为控...
Flutter 手势GestureDetector解析
mercyT的专栏
11-07 4711
对于移动端的开发者来说，手势是一个非常重要的模块，基本上做任何App都会遇到各种各样的手势问题，而手势也是移动的一个不算小的模块吧，要彻底搞得还是得费一些时间的，如果之前对Android或者IOS的手势或者说点击事件的原理有所了解的，那么了解其它语言的手势原理相对来说帮助还是挺大的。 好了，切入正题。在Flutter中，对于Flutter有一定了解的人都知道，可以通过GestureDetector来给不具有点击事件或者手势回调的Widget添加手势回调。然后为了点击水波纹的点击效果，大多数开发者可能会使用I
Flutter入门进阶之旅（七）GestureDetector
谢栋的专栏
12-24 8537
引言： GestureDetector在Flutter负责处理跟用户的简单手势交互，GestureDetector控件没有图像展示，只是检测用户输入的手势，并作出相应的处理，包括点击、拖动和缩放。许多控件使用GestureDetector为其他控件提供回调，比如IconButton、RaisedButton和FloatingActionButton控件有onPressed回调，当用户点击控件时触发...
Flutter--GestureDetector手势识别组件
小天空的博客
06-07 7491
GestureDetector：是手势识别的组件，可以识别点击、双击、长按事件、拖动、缩放等手势 三、GestureDetector的属性介绍 onTapDown 按下时回调onTapUp 抬起时回调onTap 点击事件回调onTapCancel 点击取消事件回调onDoubleTapDown 短时间内双击按下时回调onDoubleTap 短时间内双击回调onDoubleTapCancel 短时间内双击取消事件回调onLongPress 长按事件回调onLongPressStart 长按开始事
flutter GestureDetector
qq_36187935的博客
07-11 891
手势 手势表示由一个或多个指针移动组成的动作。主要有以下几种： 点击 onTapDown：指针已经在特定位置与屏幕接触。 onTapUp：指针停止在特定位置与屏幕接触。 onTap ：点击事件触发。 onTapCancel： 先前指针触发的onTapDown不会再触发点击事件。 双击 onDoubleTap：用户快速连续两次在同一位置轻敲屏幕。 长按 onLongPress：指针在相同位置长时间保...
flutter-simple-calculator:用Flutter制作的简单计算器
04-22
【Flutter简易计算器项目详解】 Flutter，谷歌推出的开源UI软件开发框架，使用Dart语言编写，旨在帮助开发者构建高性能、高保真、可在多个平台上运行的应用程序。本项目“flutter-simple-calculator”就是一个基于...
详解FLUTTER手势识别与事件通知
weixin_43901866的博客
02-05 546
本文目录 前言 GestureDetector基本用法 常用事件 监听事件实现缩放 监听事件实现拖拽 事件通知 前言 在Flutter开发App的过程中，我们除了需要灵活的使用各种组件之外，还需要掌握手势的识别，比如我们常常需要在操作App的时候使用到缩放，双击，放大，缩小等操作，这些Flutter都给我们提供了监听的组件GestureDetector。这篇博文将详细介绍GestureDetect...
Flutter 布局（一）- Container详解
ren1027538427的博客
07-15 3728
Flutter 布局（一）- Container详解 Q吹个大气球Q关注 62018.06.03 18:36:26字数 2,301阅读 84,509 本文主要介绍Flutter中非常常见的Container，列举了一些实际例子介绍如何使用。 1. 简介 A convenience widget that combines common painting, positioning, and sizing widgets. Container在Flutter中太常见了。官方给出的简介，是
simple_gesture_detector:适用于Flutter应用程序的易于使用，可靠且轻巧的手势检测器，公开了用于基本手势的简单API
05-20
简单的手势检测器 Flutter应用程序易于使用，可靠且轻巧的手势检测器。 公开简单的API以对基本手势做出React。 特征 检测滑动手势-并显示简单的回调 检测点击手势（onTap，onDoubleTap，onLongPress） 配置手势识别 用法 确保检查出。 有关其他信息，请参阅。 安装 添加到pubspec.yaml： dependencies : simple_gesture_detector : ^0.2.0
flutter_imageview_360:Flutter软件包，可通过旋转和手势自定义提供360度的图像视图
04-14
imageview360 Flutter程序包可通过旋转和手势自定义提供360度的图像视图。 支持的Dart版本 Dart SDK版本> = 2.1.0 演示Gif 安装 添加包裹 dependencies : imageview360 : ^1.2.0 如何使用 将包导入到您的dart文件中 import 'package:imageview360/imageview360.dart' ; 基本用法： ImageView360 ( key : UniqueKey (), imageList : imageList, ), 注意：要使ImageView360在热重载时显示即时更改，您需要提供UniqueKey()以便小部件每次都能重建。 可定制的用法： ImageView360 ( key : UniqueKey (),
Flutter 中的 GestureDetector 小部件：全面指南
最新发布
smileKH的博客
05-13 1326
下面是一个使用// 按钮点击事件},),),),),是 Flutter 中处理手势交互的核心小部件，它提供了丰富的手势处理选项，使得在 Flutter 应用中实现各种交互手势变得简单而高效。掌握的使用，可以帮助你创建出既美观又交互性强的用户界面。
Flutter的教程:GestureDetector(手势控制)
chunchun1230的博客
08-31 2509
本文开始 将学习一些交互操作了,一个应用不可能就是展示,肯定需要和用户交互  本文将学习点击事件 GestureDetector,  不用说你也知道他是一个widget，他并不具有显示效果，而是检测由用户做出的手势(点击拖动和缩放)  在前面的文中我们学习过ListTitl和一些其他widget,这些widget默认也具有点击事件，还有一些iconButton等widget都具有点击事件,但是还是...
flutter 手势识别GestureDetector
litter_lj的博客
07-24 1668
GestureDetector是一个用于手势识别的功能性Widget，我们通过它可以来识别各种手势，它是指针事件的语义化封装 1.示例 import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; class MyGesture extends StatefulWidget { @over...
Flutter基础（八）手势相关Widget：GestureDetector和Dismissible
weixin_30527423的博客
07-15 240
本文首发于公众号「刘望舒」 ReactNative入门系列 React Native组件 Flutter基础系列 前言 移动开发中，用户交互是一个重要的环节，在Android中的触摸、点击、滑动等事件处理都提供了相关的Api，在Flutter中也是一样的，是由Widget来实现的。 Flutter中的手势系统有两个独立的层。第一层是原始指针事件（pointer events），它描述了屏幕上指...
flutter深入研究之GestureDetector
iCloudEnd的博客
02-16 1141
学习flutter 肯定是快乐的，实际做项目必然是充满挑战。为了迎接未来的挑战，我们需要对flutter有更深入的了解 GestureDetector 类深入研究 GestureDetetor 简介 GestureDetector 是检测手势的widget。如果GestureDetector 的child属性不空，GestureDetector将自己大...
Flutter的手势识别功能实现GestureDetector
江上清风山间明月的博客
05-30 1159
是 Flutter 中一个非常常用的小部件，它提供了许多手势识别的功能，包括点击、双击、长按、拖动、缩放等等。
深入理解Flutter的GestureDetector组件
Running&H的博客
03-15 1185
引言 上一篇文章 深入理解Flutter的Listener组件 介绍了触控事件的监听原理，让我们对Flutter中触摸事件的传递过程有了进一步的认识。 今天我们学习一下手势识别组件GestureDetector的原理。GestureDetector的内部实现使用的是Listener组件，如果对Listener还不太熟悉，可以先了解一下Listener的原理。 源码解析 一、GestureDetec...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AWeiLoveAndroid

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值