【SwiftUI】手势(Gestures)的使用

这篇文章主要理解在SwiftUI中如何使用手势，以及对@GestureState的学习，最后通过组合手势完成写一个拖拽卡片的小Demo。

Gesture modifier

SwiftUI提供了一系列的手势支持，比方 TapGesture, DragGesture, RotationGesture, MagnificationGesture, LongPressGesture等。我们可以通过对View增加modifier来添加手势支持，比方下面这块代码：

imageimage

示例中，我们公告一个@GestureState修饰的布尔变量，来存储当前的长按状态，当被按下的时候升级view的背景色及大小。通过对Gesture添加update调用来升级isLongPressed，进而升级对应的View。此外我们在升级isLongPressed的闭包中添加了对value的打印，每次按下的时候都会将isLongPressed升级为true，在手势结束的时候自动将绑定的属性恢复为初始值。我们可以看下update的方法公告：

image

DragGesture

在前一小结的基础上，我们将通过DragGesture来实现对色块的拖动，在拖动结束后，检查拖动后的位置，假如超出了屏幕范围，则恢复到初始位置，否则停留在拖动结束的位置。通过前一小结学习到，在手势结束时SwiftUI会自动将@GestureState修饰的属性值恢复为初始值，在这里为了避免拖动结束时自动恢复到初始位置，我们使用@State来修饰View的拖动位置属性。代码实现如下：

image

Composing gestures

SwiftUI提供了三种组合手势的方式来支持对View增加多个手势的场景。分别为Simultaneous、Sequenced、Exclusive；当使用Simultaneous时SwiftUI会同时执行所有的手势、当使用Sequenced时会按照顺序线性的执行、当使用Exclusive时就只会执行子手势。以下示例使用Simultaneous组合了LongPressGesture和DragGesture。

image

【关注微信公众号 发现更多精彩】