美文网首页
Flutter手势-GestureDetector

Flutter手势-GestureDetector

作者: 小猪蛋蛋 | 来源:发表于2019-12-12 09:48 被阅读0次

    GestureDetector手势操作是开发中必不可少的。

    Flutter中的GestureDetector一共有 7大类25种。分别是:

    Tap(单击)
    ● onTapDown: (details) {},
    ● onTapUp: (details) {},
    ● onTap: () {},
    ● onTapCancel: () {},

    双击
    ● onDoubleTap: () {},

    长按
    ● onLongPress: () {},
    ● onLongPressUp: () {},

    垂直滑动
    ● onVerticalDragDown: (details) {},
    ● onVerticalDragStart: (details) {},
    ● onVerticalDragUpdate: (details) {},
    ● onVerticalDragEnd: (details) {},
    ● onVerticalDragCancel: () {},

    水平滑动
    ● onHorizontalDragDown: (details) {},
    ● onHorizontalDragStart: (details) {},
    ● onHorizontalDragUpdate: (details) {},
    ● onHorizontalDragEnd: (details) {},
    ● onHorizontalDragCancel: () {},

    Pan事件(指针移动事件)
    ● 指针已接触屏幕并可能开始移动。
    onPanDown: (details) {},
    ● 指针已经接触屏幕并开始移动。
    onPanStart: (details) {},
    ● 与屏幕接触并移动的指针再次移动。
    onPanUpdate: (details) {},
    ● 先前与屏幕接触并移动的指针不再与屏幕接触,并且当它停止接触屏幕时以特定速度移动。
    onPanEnd: (details) {},
    ● 先前触发 onPanDown 的指针未完成。
    onPanCancel: () {},

    Scale事件(缩放事件)
    ● onScaleStart: (details) {},
    ● onScaleUpdate: (details) {},
    ● onScaleEnd: (details) {},


    image.png

    ★ (1)双击和长按事件不需要传入闭包函数。
    ★ (2)垂直滑动、水平滑动、Pan事件的闭包函数是一样的,它们几个的事件生命周期函数都是一样的。
    ★ (3)Tap 和 Scale传入的闭包函数不一样。

    相关文章

      网友评论

          本文标题:Flutter手势-GestureDetector

          本文链接:https://www.haomeiwen.com/subject/hzszgctx.html