Добавьте обратную связь hapti c к кнопке в SwiftUI - PullRequest
Новая
       45

Добавьте обратную связь hapti c к кнопке в SwiftUI

3 голосов
/ 28 февраля 2020

Я могу создать свой собственный стиль кнопки с помощью ButtonStyle, но я хотел бы добавить обратную связь c, когда кнопка нажата, и разрешить go of. Я знаю, что в ButtonStyle доступна переменная configuration.isPressed, но как мне дать обратную связь hapti c, когда она действительно меняется?

Я знаю, как дать обратную связь hapti c, но мне нужна помощь, чтобы знать, когда пользователь касается кнопки, и давайте go.

Я попробовал это расширение как кнопку: 

struct TouchGestureViewModifier: ViewModifier {
    let touchBegan: () -> Void
    let touchEnd: (Bool) -> Void
    let abort: (Bool) -> Void

    @State private var hasBegun = false
    @State private var hasEnded = false
    @State private var hasAborted = false

    private func isTooFar(_ translation: CGSize) -> Bool {
        let distance = sqrt(pow(translation.width, 2) + pow(translation.height, 2))
        return distance >= 20.0
    }

    func body(content: Content) -> some View {
        content.gesture(DragGesture(minimumDistance: 0)
                .onChanged { event in
                    guard !self.hasEnded else { return }

                    if self.hasBegun == false {
                        self.hasBegun = true
                        self.touchBegan()
                    } else if self.isTooFar(event.translation) {
                        self.hasAborted = true
                        self.abort(true)
                    }
                }
                .onEnded { event in
                    print("ended")
                    if !self.hasEnded {
                        if self.isTooFar(event.translation) {
                            self.hasAborted = true
                            self.abort(true)
                        } else {
                            self.hasEnded = true
                            self.touchEnd(true)
                        }
                    }
                    self.hasBegun = false
                    self.hasEnded = false
                })
    }
}

// add above so we can use it
extension View {
    func onTouchGesture(touchBegan: @escaping () -> Void = {},
                        touchEnd: @escaping (Bool) -> Void = { _ in },
                        abort: @escaping (Bool) -> Void = { _ in }) -> some View {
        modifier(TouchGestureViewModifier(touchBegan: touchBegan, touchEnd: touchEnd, abort: abort))
    }
}

Затем я делаю это на виде: 

.onTouchGesture(

                // what to do when the touch began
                touchBegan: {

                    // tell the view that the button is being pressed
                    self.isPressed = true

                    // play click in sound
                    playSound(sound: "clickin-1", type: "wav")

                    // check if haptic feedback is possible
                    if self.engine != nil {
                        // if it is - give some haptic feedback
                        let pattern = try? CHHapticPattern(events: [self.event], parameters: [])
                        let player = try? self.engine?.makePlayer(with: pattern!)
                        try? self.engine!.start()
                        try? player?.start(atTime: 0)
                    }
                },

                // what to do when the touch ends. sometimes this doesnt work if you hold it too long :(
                touchEnd: { _ in

                    // tell the view that the user lifted their finger
                    self.isPressed = false


                    playSound(sound: "clickout-1", type: "wav")

                    // check if haptic feedback is possible
                    if self.engine != nil {
                        // if it is - give some haptic feedback
                        let pattern = try? CHHapticPattern(events: [self.event], parameters: [])
                        let player = try? self.engine?.makePlayer(with: pattern!)
                        try? self.engine!.start()
                        try? player?.start(atTime: 0)
                    }
                },

                // if the user drags their finger away, abort the action
                abort: { _ in
                    self.isPressed = false
                }
            )

Но иногда он застревает на полпути, что не очень полезно для пользователей. Как мне сделать это на более надежной кнопке с ButtonStyle?

...