区块链技术博客
www.b2bchain.cn

Flutter 手势处理知原理(二):详解手势识别的过程求职学习资料

本文介绍了Flutter 手势处理知原理(二):详解手势识别的过程求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

使用手势识别器

Flutter 中提供 GestureDetector 组件来帮助开发者处理很多手势识别的工作。

 GestureDetector( onTap: () {}, // 点击 onDoubleTap: () {}, // 双击 onLongPress: () {}, // 长按 ... child: Text('demo'), )  

在 《Flutter 手势处理知原理(一):Flutter 如何处理传递指针信息(PointerEvent)》文章中介绍过了 Listener 组件,它接收原始的按下、移动、抬起的指针信号。GestureDetector 内部仍然是使用 Listener 组件来接收指针信号,同时还定义了不同的手势识别器 GestureRecognizer。当需要监听不同的手势时就会使用不同的手势识别器。

  • onTap 使用的是 TapGestureRecognizer 手势识别器
  • onDoubleTap 使用的是 DoubleTapGestureRecognizer 手势识别器
  • onLongPress 使用的是 LongPressGestureRecognizer 手势识别器

同时还可以不使用 GestureDetector 组件,使用 RawGestureDetector 组件,通过自定义的手势识别器来识别手势。



class DemoTapGestureRecognizer extends TapGestureRecognizer {
}

RawGestureDetector(
gestures: {
// 通过工厂模式创建手势识别器
DemoTapGestureRecognizer: GestureRecognizerFactoryWithHandlers< DemoTapGestureRecognizer>(
// 实例化
() => DemoTapGestureRecognizer(),

使用手势识别器

Flutter 中提供 GestureDetector 组件来帮助开发者处理很多手势识别的工作。

 GestureDetector( onTap: () {}, // 点击 onDoubleTap: () {}, // 双击 onLongPress: () {}, // 长按 ... child: Text('demo'), )  

在 《Flutter 手势处理知原理(一):Flutter 如何处理传递指针信息(PointerEvent)》文章中介绍过了 Listener 组件,它接收原始的按下、移动、抬起的指针信号。GestureDetector 内部仍然是使用 Listener 组件来接收指针信号,同时还定义了不同的手势识别器 GestureRecognizer。当需要监听不同的手势时就会使用不同的手势识别器。

  • onTap 使用的是 TapGestureRecognizer 手势识别器
  • onDoubleTap 使用的是 DoubleTapGestureRecognizer 手势识别器
  • onLongPress 使用的是 LongPressGestureRecognizer 手势识别器

同时还可以不使用 GestureDetector 组件,使用 RawGestureDetector 组件,通过自定义的手势识别器来识别手势。



class DemoTapGestureRecognizer extends TapGestureRecognizer {
}

RawGestureDetector(
gestures: {
// 通过工厂模式创建手势识别器
DemoTapGestureRecognizer: GestureRecognizerFactoryWithHandlers< DemoTapGestureRecognizer>(
// 实例化
() => DemoTapGestureRecognizer(),

使用手势识别器

Flutter 中提供 GestureDetector 组件来帮助开发者处理很多手势识别的工作。

 GestureDetector( onTap: () {}, // 点击 onDoubleTap: () {}, // 双击 onLongPress: () {}, // 长按 ... child: Text('demo'), )  

在 《Flutter 手势处理知原理(一):Flutter 如何处理传递指针信息(PointerEvent)》文章中介绍过了 Listener 组件,它接收原始的按下、移动、抬起的指针信号。GestureDetector 内部仍然是使用 Listener 组件来接收指针信号,同时还定义了不同的手势识别器 GestureRecognizer。当需要监听不同的手势时就会使用不同的手势识别器。

  • onTap 使用的是 TapGestureRecognizer 手势识别器
  • onDoubleTap 使用的是 DoubleTapGestureRecognizer 手势识别器
  • onLongPress 使用的是 LongPressGestureRecognizer 手势识别器

同时还可以不使用 GestureDetector 组件,使用 RawGestureDetector 组件,通过自定义的手势识别器来识别手势。



class DemoTapGestureRecognizer extends TapGestureRecognizer {
}

RawGestureDetector(
gestures: {
// 通过工厂模式创建手势识别器
DemoTapGestureRecognizer: GestureRecognizerFactoryWithHandlers< DemoTapGestureRecognizer>(
// 实例化
() => DemoTapGestureRecognizer(),

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » Flutter 手势处理知原理(二):详解手势识别的过程求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们