Swipe Gesture Recognizer

Swipe Gesture Recognizer is a very common and important feature. it is used when we drag a finger towards a direction (left, right, top, down).

An example of the swipe gesture exists in the photos gallery app where we use swipe gestures to slide from one photo to another

We can add swipe gestures to any view. For example, we have a custom view over your app and we want to remove it if the user swipe from left to right. For that, we need to add a gesture recognizer to that view.

Now, we are going to apply Swipe gestures on UIView.

Let’s Start

Firstly, open the main.Storyboard and add one custom View with color
After that, create a outlet of a view in your ViewController file.

Now, Add UISwipeGestureRecognizer and create an object for swipe Gesture

 let left = UISwipeGestureRecognizer(target : self, action : #selector(Swipeleft))
                left.direction = .left
                self.SwipwView.addGestureRecognizer(left)

let left = UISwipeGestureRecognizer(target : self, action : #selector(Swipeleft))

left.direction = .left

self.SwipwView.addGestureRecognizer(left)

Note:- A swipe gesture recognizer object monitor and perform an action only one direction, so if you want to support swiping towards two or more directions then you have to create two and more recognizer objects respectively

 let left = UISwipeGestureRecognizer(target : self, action : #selector(Swipeleft))
                left.direction = .left
                self.SwipwView.addGestureRecognizer(left)
                
        let right = UISwipeGestureRecognizer(target : self, action : #selector(Swiperight))
                right.direction = .right
                self.SwipwView.addGestureRecognizer(right)
                
        let up = UISwipeGestureRecognizer(target : self, action : #selector(Swipeup))
                up.direction = .up
                self.SwipwView.addGestureRecognizer(up)
                
        let down = UISwipeGestureRecognizer(target : self, action : #selector(Swipedown))
                down.direction = .down
                self.SwipwView.addGestureRecognizer(down)

let left = UISwipeGestureRecognizer(target : self, action : #selector(Swipeleft))

left.direction = .left

self.SwipwView.addGestureRecognizer(left)

let right = UISwipeGestureRecognizer(target : self, action : #selector(Swiperight))

right.direction = .right

self.SwipwView.addGestureRecognizer(right)

let up = UISwipeGestureRecognizer(target : self, action : #selector(Swipeup))

up.direction = .up

self.SwipwView.addGestureRecognizer(up)

let down = UISwipeGestureRecognizer(target : self, action : #selector(Swipedown))

down.direction = .down

self.SwipwView.addGestureRecognizer(down)

Note:- set UISwipeGestureRecognizer in viewDidLoad function.

Let’s Create a method that is performing an action when the UISwipeGestureRecognizer perform

 @objc
       func Swipeleft(){
           self.SwipwView.backgroundColor = UIColor.blue
       }
       
       @objc
       func Swiperight(){
           self.SwipwView.backgroundColor = UIColor.green
       }
       
       @objc
       func Swipeup(){
           self.SwipwView.backgroundColor = UIColor.orange
       }
       
       @objc
       func Swipedown(){
           self.SwipwView.backgroundColor = UIColor.systemPink
       }

@objc

func Swipeleft(){

self.SwipwView.backgroundColor = UIColor.blue

}

@objc

func Swiperight(){

self.SwipwView.backgroundColor = UIColor.green

}

@objc

func Swipeup(){

self.SwipwView.backgroundColor = UIColor.orange

}

@objc

func Swipedown(){

self.SwipwView.backgroundColor = UIColor.systemPink

}

Let’s run the project and check the swipe gesture, try to swipe left, right, top, down.

Conclusion :

Swipe gestures allow us to move a view to any of the four directions:- left, right, top, down. But not in a diagonal way.

I hope this blog helps you to understand the basics of UISwipeGestureRecognizer. it is very easy and simple to use and make your application interactive

Lastly, Please share your thoughts with us in the comment area.

iOS swift

Kanika Dhiman

24 Sep, 2021
Created by - Kanika Dhiman

. . .

Swipe Gesture Recognizer

Leave a Comment Cancel Reply

Message Sent!