如何在视图上使用SwiftUI检测向上，向下，向左和向右滑动 [英] How to detect Swiping UP, DOWN, LEFT and RIGHT with SwiftUI on a View

问题描述

我正在构建Apple Watch应用.

I'm getting into building Apple Watch apps.

我目前正在从事的工作将需要我利用四个主要方向( UP ， DOWN ， LEFT 和 RIGHT )

What I'm currently working on will require me to make use of detecting swipes in the four main directions (UP, DOWN, LEFT and RIGHT)

问题是我不知道如何检测到这一点.我一直在四处张望，我已经死胡同了.

The problem is I have no idea how to detect this. I've been looking around and I'm reaching dead ends.

当用户在视图上滑动 UP 时，如何对下面的视图进行打印以仅打印 swiped ?

What can I do to my view below to just print swiped up when the user swipes UP on the view?

struct MyView: View {
    var body: some View {
        Text("Hello, World!")
    }
}

谢谢.

推荐答案

如果您想要更宽容"的产品，对于滑动的方向性，您可以使用更多一些条件来帮助解决该问题:

If you want one that is more "forgiving" to the directionality of the swipe, you can use a few more conditionals to help even it out:

做了更多的测试，显然第二个条件的值增加了一些混乱，因此我对其进行了调整以消除所说的混乱并使手势防弹(拖动到角落时现在会出现"noue").其中一种手势)...

did some more testing, apparently the values for the second conditional add some confusion, so I adjusted them to remove said confusion and make the gesture bulletproof (drags to the corners will now come up with "no clue" instead of one of the gestures)...

let detectDirectionalDrags = DragGesture(minimumDistance: 3.0, coordinateSpace: .local)
.onEnded { value in
    print(value.translation)
    
    if value.translation.width < 0 && value.translation.height > -30 && value.translation.height < 30 {
        print("left swipe")
    }
    else if value.translation.width > 0 && value.translation.height > -30 && value.translation.height < 30 {
        print("right swipe")
    }
    else if value.translation.height < 0 && value.translation.width < 100 && value.translation.width > -100 {
        print("up swipe")
    }
    else if value.translation.height > 0 && value.translation.width < 100 && value.translation.width > -100 {
        print("down swipe")
    }
    else {
        print("no clue")
    }

这篇关于如何在视图上使用SwiftUI检测向上，向下，向左和向右滑动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！