今天我们来了解一下手势这个概念,
先来了解一下手势的优点:
- 更干净的界面
- 便于使用
- 更好地完成任务
- 增加用户互动
- 轻松的用户界面
手势类型
现在让我们看看 Flutter 平台提供的手势类型以及可以使用哪些小部件来执行这些手势。我们还将研究一些用例,来判断如何在理想情况下应该使用手势。
gesture-types-uxplanet
手势类型包括:
- 导航手势
- 动作手势
- 变换手势
导航手势
快速轻松地在屏幕之间移动的手势,这并不一定意味着您需要一个按钮来在屏幕之间切换。它可以是文本、图标甚至图像中的任何内容。
导航手势包括:
- 轻敲
- 滚动和平移
- 拖
- 滑动
- 捏
动作手势
顾名思义,一个突出的按钮,例如浮动操作按钮,可以通过单击、长按或滑动在当前屏幕上执行快速操作。以 Gmail 为例,用户可以在其中滑动以存档电子邮件或点击扩展的 FAB 按钮以撰写电子邮件。
动作手势包括:
- 轻敲
- 长按
- 滑动
变换手势
使用两个或多个手指来变换大小、位置和旋转。一个普遍的例子是谷歌地图。用户可以使用双指缩放手势、双击缩放、拖放图钉或旋转地图。
变换手势包括:
- 双击
- 捏
- (旋转)
- 选择和移动
请查看下面的思维导图,就可以了解到Flutter 在其小部件中提供了之前提到的所有手势。
Flutter 手势思维导图