时间戳

首页 > 解决方案 > SwiftUI -- 拉起 iPad 底座时检测 DragGesture 取消

ios - SwiftUI -- 拉起 iPad 底座时检测 DragGesture 取消

问题描述

这是一个非常简单的示例来展示我尝试做的事情。红圈可以左右拖动，松开后会回到原来的位置，如第一张图所示。当 iPad 底座在拖动过程中被拉起时会出现问题，然后.onEnded将永远不会调用 DragGesture 并且红色圆圈被卡住，如第二张图所示。我不明白为什么.onEnded不叫。我在这里想念什么？

我想到了通过offset在 SceneDelegate's 中重置的解决方法sceneDidBecomeActive，但如果 iPad 底座只是被拉起但不会导致应用程序变为非活动状态，即进入后台模式，则它不起作用。在这种情况下，将不会调用 SceneDelegate 中的任何函数，并且我发现无法检测到 DragGesture 已被中断。任何可能的解决方案？

struct ContentView: View {
  @State private var offset = CGSize.zero

  var body: some View {
    ZStack {
      Rectangle()
        .fill(Color.clear)
        .frame(width: 100, height: 100)
        .border(Color.black, width: 5)

      Circle()
        .fill(Color.red)
        .frame(width: 90, height: 90)
        .offset(offset)
        .gesture(
          DragGesture()
            .onChanged() { self.offset = $0.translation }
            .onEnded() { _ in self.offset = CGSize.zero })
    }
  }
}

图 1

图 2

标签： iosswiftui

解决方案

尝试GestureState如下。默认情况下，它是临时的，并且在结束时按设计重置为初始值。

struct ContentView: View {
  @GestureState private var offset = CGSize.zero

  var body: some View {
    ZStack {
      Rectangle()
        .fill(Color.clear)
        .frame(width: 100, height: 100)
        .border(Color.black, width: 5)

      Circle()
        .fill(Color.red)
        .frame(width: 90, height: 90)
        .offset(offset)
        .gesture(
          DragGesture()
            .updating($offset) { (value, gestureState, transaction) in
                gestureState = CGSize(width: value.location.x - value.startLocation.x, height: value.location.y - value.startLocation.y)
            })
    }
  }
}

推荐阅读