Jak rozpoznać przesunięcie we wszystkich 4 kierunkach

132

Muszę użyć przesunięcia, aby rozpoznać gest przesunięcia w dół, a następnie w prawo. Ale na szybkim UISwipeGestureRecognizer ma z góry określony Właściwy kierunek .. I nie wiem, jak to zrobić, aby użyć innych kierunków.

user3739367
źródło

Odpowiedzi:

328

Musisz mieć jeden UISwipeGestureRecognizerdla każdego kierunku. To trochę dziwne, ponieważ ta UISwipeGestureRecognizer.directionwłaściwość jest maską bitową w stylu opcji, ale każdy aparat rozpoznający może obsługiwać tylko jeden kierunek. Jeśli chcesz, możesz wysłać je wszystkie do tego samego handlera i tam załatwić lub wysłać do różnych handlerów. Oto jedna implementacja:

override func viewDidLoad() {
    super.viewDidLoad()

    let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(respondToSwipeGesture))
    swipeRight.direction = .right
    self.view.addGestureRecognizer(swipeRight)

    let swipeDown = UISwipeGestureRecognizer(target: self, action: #selector(respondToSwipeGesture))
    swipeDown.direction = .down
    self.view.addGestureRecognizer(swipeDown)
}

@objc func respondToSwipeGesture(gesture: UIGestureRecognizer) {

    if let swipeGesture = gesture as? UISwipeGestureRecognizer {

        switch swipeGesture.direction {
        case .right:
            print("Swiped right")
        case .down:
            print("Swiped down")
        case .left:
            print("Swiped left")
        case .up:
            print("Swiped up")
        default:
            break
        }
    }
}

Swift 3:

override func viewDidLoad() {
    super.viewDidLoad()

    let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(self.respondToSwipeGesture))
    swipeRight.direction = UISwipeGestureRecognizerDirection.right
    self.view.addGestureRecognizer(swipeRight)

    let swipeDown = UISwipeGestureRecognizer(target: self, action: #selector(self.respondToSwipeGesture))
    swipeDown.direction = UISwipeGestureRecognizerDirection.down
    self.view.addGestureRecognizer(swipeDown)
}

func respondToSwipeGesture(gesture: UIGestureRecognizer) {
    if let swipeGesture = gesture as? UISwipeGestureRecognizer {
        switch swipeGesture.direction {
        case UISwipeGestureRecognizerDirection.right:
            print("Swiped right")
        case UISwipeGestureRecognizerDirection.down:
            print("Swiped down")
        case UISwipeGestureRecognizerDirection.left:
            print("Swiped left")
        case UISwipeGestureRecognizerDirection.up:
            print("Swiped up")
        default:
            break
        }
    }
}
Nate Cook
źródło
„każdy aparat rozpoznający może obsługiwać tylko jeden kierunek” - to nieprawda. Zobacz stackoverflow.com/questions/16184539/…
Sergey Skoblikov
3
„każdy aparat rozpoznający może obsłużyć tylko jeden kierunek” - jest prawdą w języku Swift i fałszem w Objective-C.
King-Wizard
13
Nie musisz dodawać UISwipeGestureRecognizerDirectionprzed .Downect. Wystarczy użyć, swipeDown.direction = .Downjeśli wystarczy. Tylko wskazówka =)
Paul Peelen
czy możemy dodać ten sam obiekt gestRecogniser do więcej niż jednego widoku? Próbowałem, ale nie udało się.
Max
3
jeśli wykonasz podejście @Sergey Skoblikovs w swift (robiąc swipe.direction = [.Right,.Down,.Up,.Left]), aparat rozpoznawania nie zostanie nawet wywołany, być może jest to problem ze swift, ale w tej chwili nie działa.
Knight0fDragon
55

Po prostu poczułem, że mam coś do zrobienia, w końcu wygląda bardziej elegancko:

func addSwipe() {
    let directions: [UISwipeGestureRecognizerDirection] = [.Right, .Left, .Up, .Down]
    for direction in directions {
        let gesture = UISwipeGestureRecognizer(target: self, action: Selector("handleSwipe:"))
        gesture.direction = direction
        self.addGestureRecognizer(gesture)
    }
}

func handleSwipe(sender: UISwipeGestureRecognizer) {
    print(sender.direction)
}
Alexandre Cassagne
źródło
10
self.addGestureRecognizer(gesture)spowodował dla mnie błąd. Naprawiono to self.view.addGestureRecognizer(gesture);.
ahitt6345,
1
@ ahitt6345 Używałem mojego kodu w UIViewpodklasie, ale masz absolutną rację, jeśli jesteś w UIViewController!
Alexandre Cassagne
1
Czysta, najlepsza odpowiedź dla mnie.
Christopher Smit
22

Z serii ujęć:

  1. Dodaj do widoku cztery urządzenia rozpoznające gesty machnięcia.
  2. Ustaw każdy z kierunkiem docelowym z inspektora atrybutów. Możesz wybrać prawo, lewo, górę lub dół
  3. Jeden po drugim, wybierz rozpoznawanie gestów machnięcia, sterowanie + przeciągnij do kontrolera widoku. Wstaw nazwę (powiedzmy leftGesture, rightGesture, upGesture i downGesture), zmień połączenie na: Action i wpisz na: UISwipeGestureRecognizer

Z Twojego widokuController:

@IBAction func rightGesture(sender: UISwipeGestureRecognizer) {
    print("Right")
}
@IBAction func leftGesture(sender: UISwipeGestureRecognizer) {
    print("Left")
}
@IBAction func upGesture(sender: UISwipeGestureRecognizer) {
    print("Up")
}

@IBAction func downGesture(sender: UISwipeGestureRecognizer) {
    print("Down")
}  
user3099333
źródło
5
Dzięki tej odpowiedzi nie musisz pisać wielu kodów, ale używasz scenorysu i połączeń między scenorysem a kodem. W przypadku, gdy programista woli pracować w ten sposób, ta odpowiedź może być łatwiejsza, ale jeśli programista woli pracować więcej w kodowaniu, zdecydowanie pierwsza odpowiedź jest najlepsza.
user3099333
Użyłem 4 gestów machnięcia zamiast jednego, a większość obciążenia pracą jest w scenorysie zamiast kodowania.
user3099333
9

Wygląda na to, że ostatnio coś się zmieniło. W XCode 7.2 działa następujące podejście:

override func viewDidLoad() {
    super.viewDidLoad()

    let swipeGesture = UISwipeGestureRecognizer(target: self, action: "handleSwipe:")
    swipeGesture.direction = [.Down, .Up]
    self.view.addGestureRecognizer(swipeGesture)
}

func handleSwipe(sender: UISwipeGestureRecognizer) {
    print(sender.direction)
}

Testowano w symulatorze na iOS 8.4 i 9.2 oraz na rzeczywistym urządzeniu w wersji 9.2.

Lub korzystając z przydatnego rozszerzenia mlcollard tutaj :

let swipeGesture = UISwipeGestureRecognizer() {
    print("Gesture recognized !")
}

swipeGesture.direction = [.Down, .Up]
self.view.addGestureRecognizer(swipeGesture)
Bogdan Farca
źródło
5
Można wywołać selektor, ale kierunek nadawcy jest nieprawidłowy. Innymi słowy, to podejście jest dobre, jeśli nie musisz znać kierunku przesunięcia, ale nie inaczej.
Robert Gummesson,
Nie działa. W Swift 3 kontekst musi być dostarczony do pierwszej wartości:[UISwipeGestureRecognizerDirection.right, .left, .up, .down]
Brent Faust
7

Apple Swift w wersji 3.1 - Xcode w wersji 8.3 (8E162)

Wygodne podejście od podejścia Alexandre Cassagne

let directions: [UISwipeGestureRecognizerDirection] = [.up, .down, .right, .left]
for direction in directions {
    let gesture = UISwipeGestureRecognizer(target: self, action: #selector(YourClassName.handleSwipe(gesture:)))
    gesture.direction = direction
    self.view?.addGestureRecognizer(gesture)   
}

func handleSwipe(gesture: UISwipeGestureRecognizer) {
    print(gesture.direction)
    switch gesture.direction {
    case UISwipeGestureRecognizerDirection.down:
        print("down swipe")
    case UISwipeGestureRecognizerDirection.up:
        print("up swipe")
    case UISwipeGestureRecognizerDirection.left:
        print("left swipe")
    case UISwipeGestureRecognizerDirection.right:
        print("right swipe")
    default:
        print("other swipe")
    }
}
Jan
źródło
1
W przypadku tej konkretnej kompilacji musisz uruchomić defaults write com.apple.dt.xcode IDEPlaygroundDisableSimulatorAlternateFramebuffer -bool YESw Terminalu, aby naprawić błąd na jakimś sprzęcie. Należy to naprawić w nowej wersji Xcode
Sirens
6

W Swift 4.2 i Xcode 9.4.1

Dodaj delegata animacji, CAAnimationDelegate do swojej klasy

//Swipe gesture for left and right
let swipeFromRight = UISwipeGestureRecognizer(target: self, action: #selector(didSwipeLeft))
swipeFromRight.direction = UISwipeGestureRecognizerDirection.left
menuTransparentView.addGestureRecognizer(swipeFromRight)

let swipeFromLeft = UISwipeGestureRecognizer(target: self, action: #selector(didSwipeRight))
swipeFromLeft.direction = UISwipeGestureRecognizerDirection.right
menuTransparentView.addGestureRecognizer(swipeFromLeft)

//Swipe gesture selector function
@objc func didSwipeLeft(gesture: UIGestureRecognizer) {
    //We can add some animation also
    DispatchQueue.main.async(execute: {
            let animation = CATransition()
            animation.type = kCATransitionReveal
            animation.subtype = kCATransitionFromRight
            animation.duration = 0.5
            animation.delegate = self
            animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
            //Add this animation to your view
            self.transparentView.layer.add(animation, forKey: nil)
            self.transparentView.removeFromSuperview()//Remove or hide your view if requirement.
        })
}

//Swipe gesture selector function
@objc func didSwipeRight(gesture: UIGestureRecognizer) {
        // Add animation here
        DispatchQueue.main.async(execute: {
            let animation = CATransition()
            animation.type = kCATransitionReveal
            animation.subtype = kCATransitionFromLeft
            animation.duration = 0.5
            animation.delegate = self
            animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
            //Add this animation to your view
            self.transparentView.layer.add(animation, forKey: nil)
            self.transparentView.removeFromSuperview()//Remove or hide yourview if requirement.
        })
}

Jeśli chcesz usunąć gest z widoku, użyj tego kodu

self.transparentView.removeGestureRecognizer(gesture)

Dawny:

func willMoveFromView(view: UIView) {
    if view.gestureRecognizers != nil {
        for gesture in view.gestureRecognizers! {
            //view.removeGestureRecognizer(gesture)//This will remove all gestures including tap etc...
            if let recognizer = gesture as? UISwipeGestureRecognizer {
                //view.removeGestureRecognizer(recognizer)//This will remove all swipe gestures
                if recognizer.direction == .left {//Especially for left swipe
                    view.removeGestureRecognizer(recognizer)
                }
            }
        }
    }
}

Wywołaj tę funkcję jak

//Remove swipe gesture
self.willMoveFromView(view: self.transparentView)

W ten sposób możesz napisać pozostałe wskazówki i uważać, czy masz widok przewijania, czy nie, od dołu do góry i odwrotnie

Jeśli masz widok przewijania, pojawi się konflikt między gestami od góry do dołu i odwrotnie.

iOS
źródło
4

UISwipeGestureRecognizerma directionwłaściwość, która ma następującą definicję:

var direction: UISwipeGestureRecognizerDirection

Dozwolony kierunek przesunięcia dla tego aparatu rozpoznawania gestów.


Problem z Swift 3.0.1 (i niższymi) polega na tym, że nawet jeśli UISwipeGestureRecognizerDirectionjest zgodny z OptionSet, poniższy fragment zostanie skompilowany, ale nie przyniesie żadnego pozytywnego oczekiwanego wyniku:

// This compiles but does not work
let gesture = UISwipeGestureRecognizer(target: self, action: #selector(gestureHandler))
gesture.direction = [.right, .left, .up, .down]
self.addGestureRecognizer(gesture)

Aby obejść ten problem, musisz utworzyć UISwipeGestureRecognizerdla każdego pożądanego pliku direction.


Poniższy kod Playground pokazuje, jak zaimplementować kilka UISwipeGestureRecognizerdla tego samego UIViewi tego samego selectorprzy użyciu mapmetody Array :

import UIKit
import PlaygroundSupport

class SwipeableView: UIView {
    convenience init() {
        self.init(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        backgroundColor = .red

        [UISwipeGestureRecognizerDirection.right, .left, .up, .down].map({
            let gesture = UISwipeGestureRecognizer(target: self, action: #selector(gestureHandler))
            gesture.direction = $0
            self.addGestureRecognizer(gesture)
        })
    }

    func gestureHandler(sender: UISwipeGestureRecognizer) {
        switch sender.direction {
        case [.left]:   frame.origin.x -= 10
        case [.right]:  frame.origin.x += 10
        case [.up]:     frame.origin.y -= 10
        case [.down]:   frame.origin.y += 10
        default:        break
        }
    }
}

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        view.addSubview(SwipeableView())
    }
}

let controller = ViewController()
PlaygroundPage.current.liveView = controller
Imanou Petit
źródło
ten sam problem nadal w xcode 8.3 - skompilowany, ale nie działa - dostałem tylko po lewej i prawej stronie z powrotemUISwipeGestureRecognizerDirection(rawValue: 15)
John
4

Przesuń gest do żądanego widoku lub całego widoku kontrolera widoku w Swift 5 i XCode 11 w oparciu o @Alexandre Cassagne

override func viewDidLoad() {
    super.viewDidLoad()

    addSwipe()
}

func addSwipe() {
    let directions: [UISwipeGestureRecognizer.Direction] = [.right, .left, .up, .down]
    for direction in directions {
        let gesture = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipe))
        gesture.direction = direction
        self.myView.addGestureRecognizer(gesture)// self.view
    }
}

@objc func handleSwipe(sender: UISwipeGestureRecognizer) {
    let direction = sender.direction
    switch direction {
        case .right:
            print("Gesture direction: Right")
        case .left:
            print("Gesture direction: Left")
        case .up:
            print("Gesture direction: Up")
        case .down:
            print("Gesture direction: Down")
        default:
            print("Unrecognized Gesture Direction")
    }
}
Doci
źródło
3

Gest machnięcia w Swift 5

  override func viewDidLoad() {
    super.viewDidLoad()
    let swipeLeft = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeLeft.direction = .left
    self.view!.addGestureRecognizer(swipeLeft)

    let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeRight.direction = .right
    self.view!.addGestureRecognizer(swipeRight)

    let swipeUp = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeUp.direction = .up
    self.view!.addGestureRecognizer(swipeUp)

    let swipeDown = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeDown.direction = .down
    self.view!.addGestureRecognizer(swipeDown)
}

@objc func handleGesture(gesture: UISwipeGestureRecognizer) -> Void {
    if gesture.direction == UISwipeGestureRecognizer.Direction.right {
        print("Swipe Right")
    }
    else if gesture.direction == UISwipeGestureRecognizer.Direction.left {
        print("Swipe Left")
    }
    else if gesture.direction == UISwipeGestureRecognizer.Direction.up {
        print("Swipe Up")
    }
    else if gesture.direction == UISwipeGestureRecognizer.Direction.down {
        print("Swipe Down")
    }
}
Lijith Vipin
źródło
2

Najpierw utwórz baseViewControlleri dodaj viewDidLoadten kod „swift4”:

class BaseViewController: UIViewController {             

     override func viewDidLoad() {
         super.viewDidLoad()
         let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(swiped))
         swipeRight.direction = UISwipeGestureRecognizerDirection.right
         self.view.addGestureRecognizer(swipeRight)
         let swipeLeft = UISwipeGestureRecognizer(target: self, action: #selector(swiped))
         swipeLeft.direction = UISwipeGestureRecognizerDirection.left
         self.view.addGestureRecognizer(swipeLeft)
     }

     // Example Tabbar 5 pages
     @objc func swiped(_ gesture: UISwipeGestureRecognizer) {
         if gesture.direction == .left {
            if (self.tabBarController?.selectedIndex)! < 5 {
                self.tabBarController?.selectedIndex += 1
            }
         } else if gesture.direction == .right {
             if (self.tabBarController?.selectedIndex)! > 0 {
                 self.tabBarController?.selectedIndex -= 1
             }
         }
     }  
}

I użyj tej baseControllerklasy:

class YourViewController: BaseViewController {
    // its done. Swipe successful
    //Now you can use all the Controller you have created without writing any code.    
}
ikbal
źródło
2

W Swift 5

let swipeGesture = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipe))
swipeGesture.direction = [.left, .right, .up, .down]
view.addGestureRecognizer(swipeGesture)
nitin.agam
źródło
1

Po prostu fajniejsza, szybka składnia odpowiedzi Nate'a:

[UISwipeGestureRecognizerDirection.right,
 UISwipeGestureRecognizerDirection.left,
 UISwipeGestureRecognizerDirection.up,
 UISwipeGestureRecognizerDirection.down].forEach({ direction in
    let swipe = UISwipeGestureRecognizer(target: self, action: #selector(self.respondToSwipeGesture))
    swipe.direction = direction
    self.view.addGestureRecognizer(swipe)
 })
AmitP
źródło
1

Łatwy. Po prostu postępuj zgodnie z poniższym kodem i ciesz się.

//SwipeGestureMethodUsing
func SwipeGestureMethodUsing ()
{
    //AddSwipeGesture
    [UISwipeGestureRecognizerDirection.right,
     UISwipeGestureRecognizerDirection.left,
     UISwipeGestureRecognizerDirection.up,
     UISwipeGestureRecognizerDirection.down].forEach({ direction in
        let swipe = UISwipeGestureRecognizer(target: self, action: #selector(self.respondToSwipeGesture))
        swipe.direction = direction
        window?.addGestureRecognizer(swipe)
     })
}

//respondToSwipeGesture
func respondToSwipeGesture(gesture: UIGestureRecognizer) {

    if let swipeGesture = gesture as? UISwipeGestureRecognizer
    {
        switch swipeGesture.direction
        {
        case UISwipeGestureRecognizerDirection.right:
            print("Swiped right")
        case UISwipeGestureRecognizerDirection.down:
            print("Swiped down")
        case UISwipeGestureRecognizerDirection.left:
            print("Swiped left")
        case UISwipeGestureRecognizerDirection.up:
            print("Swiped up")
        default:
            break
        }
    }
}
Priyank Jotangiya
źródło
1

Po dłuższej zabawie:

Najkrótsza droga do dodania swipes dla wszystkich 4 kierunkach jest:

override func viewDidLoad() {
    super.viewDidLoad()    
    for direction in [UISwipeGestureRecognizer.Direction.down, .up, .left, .right]{
        let swipeGest = UISwipeGestureRecognizer(target: self, action: #selector(swipeAction(_:)))
        swipeGest.direction = direction
        self.view.addGestureRecognizer(swipeGest)
    }
} 

@objc func swipeAction(_ gesture: UISwipeGestureRecognizer){
    switch gesture.direction {
    case UISwipeGestureRecognizer.Direction.right:
        print("Swiped right")
    case UISwipeGestureRecognizer.Direction.down:
        print("Swiped down")
    case UISwipeGestureRecognizer.Direction.left:
        print("Swiped left")
    case UISwipeGestureRecognizer.Direction.up:
        print("Swiped up")
    default: break
}
NeonGloss
źródło
0

Można to zrobić, po prostu deklarując jedną funkcję, która będzie obsługiwać wszystkie wskazówki dotyczące machnięcia UISwipeGestureRecognizer. Oto mój kod:

let swipeGestureRight = UISwipeGestureRecognizer(target: self, action:#selector(ViewController.respondToSwipeGesture(_:)) )
swipeGestureRight.direction = UISwipeGestureRecognizerDirection.right
self.view .addGestureRecognizer(swipeGestureRight)

let swipeGestureLeft = UISwipeGestureRecognizer(target: self, action: #selector(ViewController.respondToSwipeGesture(_:)))
swipeGestureLeft.direction = UISwipeGestureRecognizerDirection.left
self.view.addGestureRecognizer(swipeGestureLeft)

let swipeGestureUp = UISwipeGestureRecognizer(target: self, action: #selector(ViewController.respondToSwipeGesture(_:)))
swipeGestureUp.direction = UISwipeGestureRecognizerDirection.up
self.view.addGestureRecognizer(swipeGestureUp)

let swipeGestureDown = UISwipeGestureRecognizer(target: self, action: #selector(ViewController.respondToSwipeGesture(_:)))
swipeGestureDown.direction = UISwipeGestureRecognizerDirection.down
self.view.addGestureRecognizer(swipeGestureDown)

Oto funkcja, która będzie obsługiwać funkcję przesuwania:

func respondToSwipeGesture(_ sender: UIGestureRecognizer) {
    if let swipeGesture = sender as? UISwipeGestureRecognizer {
        switch swipeGesture.direction {
            case UISwipeGestureRecognizerDirection.right:
                print("right swipe")
            case UISwipeGestureRecognizerDirection.left:
                print("leftSwipe")
            case UISwipeGestureRecognizerDirection.up:
                print("upSwipe")
            case UISwipeGestureRecognizerDirection.down:
                print("downSwipe")
            default:
                break
        }
    }
}
Shakti
źródło
0

Tak po prostu: ( Swift 4.2.1 )

UISwipeGestureRecognizer.Direction.init(
  rawValue: UISwipeGestureRecognizer.Direction.left.rawValue |
            UISwipeGestureRecognizer.Direction.right.rawValue |
            UISwipeGestureRecognizer.Direction.up.rawValue |
            UISwipeGestureRecognizer.Direction.down.rawValue
)
jeudesprits
źródło
2
Dodaj opis do swojego kodu, aby był lepszy.
Poul Bak
0

W przypadku Swift 5 został zaktualizowany

//Add in ViewDidLoad
let gesture = UISwipeGestureRecognizer(target: self, action: #selector(ViewController.handleSwipe))
        gesture.direction = .right
        self.view.addGestureRecognizer(gesture)

//Add New Method
@objc func handleSwipe(sender: UISwipeGestureRecognizer) {
        print("swipe direction is",sender.direction)

    }
swiftBoy
źródło
Jak to jest odpowiedź na pytanie PO? Problem polegał na znalezieniu eleganckiego sposobu dodawania wielu kierunków do rozpoznawania gestów machnięcia.
shashwat