前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >常用组件--RawGestureDetector常用组件--RawGestureDetector

常用组件--RawGestureDetector常用组件--RawGestureDetector

作者头像
用户8893176
发布2021-08-09 14:32:33
1K0
发布2021-08-09 14:32:33
举报
文章被收录于专栏:小黑娃Henry小黑娃Henry
  • GestureDetector,RawGestureDetector都是继承自StatelessWidget;
  • 都是监听子组件中手势事件;
  • 同样都是对Pointer的封装;
  • 使用前都需要import 'package:flutter/gestures.dart';;

顾名思义RawGestureDetector就是未加工的GestureDetector,使用起来稍微会一点麻烦。

代码语言:javascript
复制
//无法热更新
//Transform.translate() 使用系统已封装好的,使组件在X、Y轴移动的方法。
//Transform.scale() 比例变换
//Transform.rotate() 角度变换
Transform.translate(
      offset: Offset(0.0, this._offDistance),
      child: RawGestureDetector(
        gestures: <Type, GestureRecognizerFactory>{
//垂直移动VerticalDragGestureRecognizer
//水平移动HorizontalDragGestureRecognizer
//长按PanGestureRecognizer
           VerticalDragGestureRecognizer:
               GestureRecognizerFactoryWithHandlers
                <VerticalDragGestureRecognizer>(
      ()=>VerticalDragGestureRecognizer(),
          (VerticalDragGestureRecognizer _initial) {
            _initial
            ..onStart = (DragStartDetails details) {
              print('开始');
            }
            ..onUpdate = (DragUpdateDetails details) {
               print('正在移动');
            }
            ..onEnd = (DragEndDetails details){
            print('结束');};}),},
       child: widget.child,))

传送门:

Flutter-汇总

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019/5/21 下,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 传送门:
  • Flutter-汇总
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档