@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
}
)
里面有很多代码,让我们逐步解释:
DragGesture().updating()
代码创建一个新的拖动手势,要求它修改存储在 dragAmount
中的值-这就是我们的 CGSize
。value
,state
和 transaction
。value
参数是拖动的当前数据-拖动的开始位置,移动的距离,预计的结束位置等等。state
参数是一个inout值,这是我们的属性。因此,除了直接读取或写入 dragAmount
之外,我们还应该修改状态。transaction
参数是一个 inout
值,用于存储整个动画上下文,从而为我们提供了一些有关正在发生的情况的信息,例如,这是连续动画还是瞬态动画。连续动画可以通过拖动滑块来产生,而瞬态动画可以通过点击按钮来产生。offset()
修饰符中使用它来移动视图。请记住,@GestureState
的优点之一是,当手势结束时,它会自动将属性的值设置回其初始值。在这种情况下,这意味着我们可以在所需的所有位置上拖动视图,放开后,它将立即回到其原始位置。