SwiftUI Example

什么是 @GestureState 属性包装器?

SwiftUI 为我们提供了一个用于跟踪手势状态的特定属性包装器,称为 @GestureState。 尽管您可以使用简单的 @State 属性包装器完成相同的操作,但 @GestureState 具有附加功能,即当手势结束时,它会自动将属性设置回其初始值,并且通常比使用简单的 @State 快得多 。

例如,我们可能想要创建一个可以拖动视图的手势。 为此,我们首先需要创建一个 @GestureState 属性,以存储视图已移动了多少,如下所示:

@GestureState var dragAmount = CGSize.zero

该参数的默认值为 CGSize.zero,这意味着手势结束时它将自动返回该值。

接下来,我们将附加一个 offset() 修饰符,以使我们的视图可以通过 dragAmount 中的任何值移动:

Image("niagara-falls")
    .offset(dragAmount)

最后,我们将绑定到我们的 dragAmount 属性的手势,如下所示:

Image("niagara-falls")
    .offset(dragAmount)
    .gesture(
        DragGesture().updating($dragAmount) { value, state, transaction in
            state = value.translation
        }
    )

里面有很多代码,所以我们将其解压缩:

请记住,@GestureState 的优点之一是,当手势结束时,它会自动将属性的值设置回其初始值。在这种情况下,这意味着我们可以在所需的所有位置上拖动视图,放开后,它将立即回到其原始位置。