苹果今年已经使其easier than ever在执行拖动手势后平滑地动画视图，通过自动使用拖动手势的最终速度作为动画的初始速度。下面是一个简单的例子：

struct DraggableCircle: View {
    @State private var offset: CGSize = .zero
    
    var body: some View {
        let gesture = DragGesture(minimumDistance: 0)
            .onChanged { gesture in
                offset = gesture.translation
            }
            .onEnded { _ in
                withAnimation(.bouncy(duration: 2)) {
                    offset = .zero
                }
            }
        
        Circle()
            .frame(width: 200, height: 200)
            .offset(offset)
            .gesture(gesture)
    }
}

字符串

的数据
但是，这段代码缺少的是在动画结束之前通过启动一个新的拖动手势来平滑地中断圆的动画的能力。相反，圆圈将立即完成动画，从你的手指上跳开：

的
这是完全有意义的，因为当手势结束时，我们将offset设置回.zero，而没有做任何事情来确定动画中断时圆圈在屏幕上的位置。

什么是最直接的方法，使这项工作没有任何突然的跳跃？

一种可能的方法是使用手势的位置而不是其平移来定位圆圈，这总是将圆圈放置在手势发生的位置：

struct DraggableCircle_v2: View {
    @State private var position: CGPoint?
    
    var body: some View {
        let gesture = DragGesture(minimumDistance: 0)
            .onChanged { gesture in
                position = gesture.location
            }
            .onEnded { _ in
                withAnimation(.bouncy(duration: 2)) {
                    position = nil
                }
            }
        
        GeometryReader { geo in
            let center = CGPoint(
                x: geo.size.width / 2,
                y: geo.size.height / 2
            )
            
            Circle()
                .frame(width: 200, height: 200)
                .position(position ?? center)
                .gesture(gesture)
        }
    }
}

型
这将适用于大多数用例。然而，这总是将圆圈的“中心”放在手指所在的位置，而不考虑手势在圆圈上的开始位置。换句话说，我们没有朝着找出动画中断时圆的位置的目标取得任何进展。

的

我们是否可以使用手势中断动画，并找出中断时圆的位置？
编辑：以下是我尝试实现的目标：

的