Flutter知识点: 常用手势

作者: jzhu085 | 来源:发表于2018-06-12 15:59 被阅读157次

    使用Flutter的时候发现有部分Widget提供了onPressed事件,还有一部分没有提供,要如何给Widget增加单击,双击,长按等手势呢?

    提供了onPressed事件的Widget

    举例: image.png 效果如图: image.png

    没有提供了onPressed事件的Widget

    GestureDetector表示可以从多个单独的指针事件(甚至可能是多个单独的指针)识别的语义动作(例如,轻敲,拖动和缩放)。 完整的一个手势可以分派多个事件,对应于手势的生命周期(例如,拖动开始,拖动更新和拖动结束):

    单击举例: image.png

    效果如图:

    image.png

    单击事件分离,双击,长按举例: image.png

    效果如图:

    image.png

    发现问题:被GestureDetector包裹的Widget没有涟漪效果

    查看文档需要使用InkWell实现此效果。

    举例:

    image.png

    效果如图

    image.png

    Dismissed手势

    举例:

    image.png

    效果如图

    image.png
    image.png

    学习过程中的代码都放在github上了:https://github.com/zhujian1989/flutter_study

    每天学一点,学到Flutter发布正式版!

    相关文章

      网友评论

        本文标题:Flutter知识点: 常用手势

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