zl程序教程

您现在的位置是:首页 >  其他

当前栏目

Flutter 基础系列之手势思维导图(5)

2023-03-20 15:27:35 时间

今天我们来了解一下手势这个概念,

先来了解一下手势的优点:

  1. 更干净的界面
  2. 便于使用
  3. 更好地完成任务
  4. 增加用户互动
  5. 轻松的用户界面

手势类型

现在让我们看看 Flutter 平台提供的手势类型以及可以使用哪些小部件来执行这些手势。我们还将研究一些用例,来判断如何在理想情况下应该使用手势。

gesture-types-uxplanet

手势类型包括:

  • 导航手势
  • 动作手势
  • 变换手势

导航手势

快速轻松地在屏幕之间移动的手势,这并不一定意味着您需要一个按钮来在屏幕之间切换。它可以是文本、图标甚至图像中的任何内容。

导航手势包括:

  1. 轻敲
  2. 滚动和平移
  3. 滑动

动作手势

顾名思义,一个突出的按钮,例如浮动操作按钮,可以通过单击、长按或滑动在当前屏幕上执行快速操作。以 Gmail 为例,用户可以在其中滑动以存档电子邮件或点击扩展的 FAB 按钮以撰写电子邮件。

动作手势包括:

  1. 轻敲
  2. 长按
  3. 滑动

变换手势

使用两个或多个手指来变换大小、位置和旋转。一个普遍的例子是谷歌地图。用户可以使用双指缩放手势、双击缩放、拖放图钉或旋转地图。

变换手势包括:

  1. 双击
  2. (旋转)
  3. 选择和移动

请查看下面的思维导图,就可以了解到Flutter 在其小部件中提供了之前提到的所有手势。

Flutter 手势思维导图