ScrollView 中的 SwiftUI TapGesture 和 LongPressGesture，点击指示不起作用

Question

我正在努力在 ScrollView 中同时实现 TapGesture 和 LongPressGesture。使用 .onTapGesture 和 .onLongPressGesture 一切正常，但我希望当用户点击按钮时，按钮的不透明度会降低，就像普通的 Button() 一样。

但是，无论出于何种原因，Button() 都无法选择在长按时执行某些操作。所以我尝试使用 .gesture(LongPressGesture() ... )。此方法有效并显示抽头指示。不幸的是，这不适用于 ScrollView：你不能再滚动它了！

所以我做了一些研究，我发现在 LongPressGesture 之前必须有一个 TapGesture 才能让 ScrollView 正常工作。确实如此，但我的 LongPressGesture 不再起作用。

希望有人有解决方案...

struct ContentView: View {
    var body: some View {
        ScrollView(.horizontal){
            HStack{
                ForEach(0..<5){ _ in
                    Button()
                }
            }
        }
    }
}

struct Button: View{
    
    @GestureState var isDetectingLongPress = false
    @State var completedLongPress = false
    
    var body: some View{
        
        Circle()
            .foregroundColor(.red)
            .frame(width: 100, height: 100)
            .opacity(self.isDetectingLongPress ? 0 : 1)
            
            // That works, but there is no indication for the user that the UI recognized the gesture
            //                        .onTapGesture {
            //                            print("Tapped!")
            //                       }
            //                        .onLongPressGesture(minimumDuration: 0.5){
            //                            print("Long pressed!")
            //                        }
            
            
            // The approach (*) shows the press indication, but the ScrollView is stuck because there is no TapGesture
            
            // If I add a dummy TapGesture, the LongPressGesture won't work anymore but now the ScrollView works as expected
            //.onTapGesture {}
            
            // (*)
            .gesture(LongPressGesture()
                .updating(self.$isDetectingLongPress) { currentstate, gestureState,
                    transaction in
                    gestureState = currentstate
            }
            .onEnded { finished in
                self.completedLongPress = finished
                }
        )
    }
}

Answer 1

我已经尝试了多种尝试 onTapGesture + LongPressGesture + 自定义计时和动画的组合，并且许多工作/几乎/但留下了一些小烦恼。这就是我发现效果完美的方法。在 iOS 13.6 上测试。

使用此解决方案，您的滚动视图仍然滚动，您可以获得按钮按下动画，长按按钮也可以。

struct MainView: View {
    ...
    Scrollview {
        RowView().highPriorityGesture(TapGesture()
                                        .onEnded { _ in
            // The function you would expect to call in a button tap here.
        })
        
    }
}

struct RowView: View {
    
    @State var longPress = false
    var body: some View {
        Button(action: {
            if (self.longPress) {
                self.longPress.toggle()
            } else {
                // Normal button code here
            }
        }) {
            // Buttons LaF here
        }
        // RowView code here.
        .simultaneousGesture(LongPressGesture(minimumDuration: 0.5)
                                .onEnded { _ in
            self.longPress = true
        })
    }
}