SwiftUI DragGesture在无限循环中设置偏移

offset 在 gesture .

这样可以确保不会在屏幕上拖动时创建无限循环,偏移会发生变化,然后再次改变视图的位置。这意味着你的手势偏移现在已经改变了,因此产生了一个无限循环。

变化:

struct ContentView: View {
    @State var offset: CGSize = .zero
    var body: some View {
        ZStack(alignment: .topLeading) {
            Toolbar(dragOffset: $offset)
//                .offset(offset) // <- REMOVE THIS
            Text(verbatim: "Offset: \(offset)")
                .frame(maxWidth: .infinity, maxHeight: .infinity)
        }
    }
}

struct Toolbar: View {
    @Binding var dragOffset: CGSize
    var body: some View {
        HStack {
            Color.blue.frame(width: 40, height: 40)
                .offset(dragOffset) // <- ADD THIS
                .gesture(drag)

            Color.green.frame(width: 40, height: 40)
                .offset(dragOffset) // <- ADD THIS

            Color.red.frame(width: 40, height: 40)
                .offset(dragOffset) // <- ADD THIS
        }
    }

    /* ... */
}

我需要指定一个 CoordinateSpace ,因为默认值是 .local .使用 .global 作品命名空间也应该起作用。

在表格中记录初始偏移量也很有帮助 @State 变量,然后使用该起始值加上阻力值设置新值 translation .

@State private var dragStartOffset: CGSize? = nil
...
DragGesture(coordinateSpace: .global)
   .onChanged { value in
       if dragStartOffset == nil {
           dragStartOffset = dragOffset
       }
       dragOffset = dragStartOffset! + value.translation
   }
   .onEnded { _ in 
       dragStartOffset = nil
   }