In this blog, we will see how to handle UI Gesture Recognizer in iOS App Development” by Lia Infraservices – the leading iOS App Development Company in Chennai. After reading this article you will be able to understand how to enable custom hand gestures with easy steps.
In simple terms, UI Gesture Recognizer is actually touches and movements of one or more fingers that happen on a specific area of the mobile screen based on the user’s interest. These gestured requires detailed development tools to create easy user interaction with the mobile. Each gesture has unique functionality, so does the iOS programming process.
Basic UIGesture Recognizers in iOS App Development:
Here is the list of built-in gesture recognizers that Apple offers and that you, most likely, use every day in all kinds of android or iOS mobile apps development.
The gesture recognizers that we are going to work with are in the following order:
- Tap gesture recognizer
- Swipe gesture recognizer
- Pan gesture recognizer
- Pinch gesture recognizer
- Rotation gesture recognizer
1. Tap UIGesture Recognizer in iOS App Development:
It can be used to handle single or multiple taps, either with one or more fingers. Tapping is one of the most usual gestures that users make.
Here’s an example Code:
override func viewDidLoad()
{
super.viewDidLoad()
let tap = UITapGestureRecognizer(target: self, action: #selector(doubleTapped))
tap.numberOfTapsRequired = 2
view.addGestureRecognizer(tap)
}
@objc func doubleTapped()
{
// do something here
}
2. Swipe UIGesture Recognizer in iOS App Development :
Another important gesture is the swipe, and this class exists just for it. Swiping happens when dragging a finger towards a direction (right, left, top and down). A characteristic example of the swipe gesture exists on the Photos app, where we use our fingers to slide from one photo to another.
Here’s an example Code:
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
}
}
}
3. Pan UIGesture Recognizer in iOS App Development :
The pan gesture is actually a drag gesture. It’s used when it’s needed to drag views from one point to another.
Here’s an example Code:
override func viewDidLoad()
{
super.viewDidLoad()
let imageView = UIImageView.init(image: UIImage.init(named: “imageToDrag”))
imageView.sizeToFit()
imageView.isUserInteractionEnabled = true
self.view.addSubview(imageView)
let pan = UIPanGestureRecognizer.init(target: self, action: #selector(handlePan(recognizer:)))
imageView.addGestureRecognizer(pan)
}
func handlePan(recognizer: UIPanGestureRecognizer)
{
let translation = recognizer.translation(in: self.view)
if let view = recognizer.view
{
view.center = CGPoint(x: view.center.x + translation.x, y: view.center.y + translation.y)
}
recognizer.setTranslation(CGPoint.zero, in: self.view)
}
4. Pinch UIGesture Recognizer in iOS App Development :
When you view photos on the Photos app and you use your two fingers to zoom in or out to a photo, then you perform a pinch gesture. As you understand, pinching requires two fingers. An object of this class is usually handy to change the transform of a view, and more specifically its scale.
Here’s an example Code:
override func viewDidLoad()
{
super.viewDidLoad()
self.textview1.userInteractionEnabled = true
self.textview1.multipleTouchEnabled = true
self.pinchGesture = UIPinchGestureRecognizer(target: self, action:#selector(pinchRecognized(_:))) self.textview1.addGestureRecognizer(self.pinchGesture)
// Do any additional setup after loading the view.
}
@IBAction func pinchRecognized(_ pinch: UIPinchGestureRecognizer)
{
let fontSize = self.textview1.font!.pointSize*(pinch.scale)/2 if fontSize > 12 && fontSize < 32
{
textview1.font = UIFont(name: self.textview1.font!.fontName, size:fontSize)
}
}
5. Rotation UIGesture Recognizer in iOS App Development :
In accordance with the previous gesture, rotation is used to rotate a view using two fingers.
Here’s an example Code:
override func viewDidLoad()
{
super.viewDidLoad()
// Rotate
let rotateGesture = UIRotationGestureRecognizer(target: self, action: #selector(handleRotate(_:)))
rotateView.addGestureRecognizer(rotateGesture)
}
// Rotate action
func handleRotate(gesture: UIRotationGestureRecognizer)
{
label.text = “Rotate recognized”
if gesture.state == UIGestureRecognizerState.Changed
{
let transform = CGAffineTransformMakeRotation(gesture.rotation)
rotateView.transform = transform
}
Other UIGesture Recognizers in iOS App Development:
- LongPress GestureRecognizer
- ScreenEdgePanGestureRecognizer
(They are used more rarely and have similarities to gesture recognizers.)
1. LongPress Gesture Recognizer :
An object of that class monitors for long-press gestures happening on a view. The pressing must last long enough in order to be detected, and the finger or fingers should not move a lot around the pressed point otherwise the gesture fails.
2. ScreenEdgePan Gesture Recognizer :
This one is similar to the swipe gesture, but with a great difference: The finger movement should always begin from an edge of the screen.
Conclusion:
Thanks for reading our blog on how to handle UI Gesture Recognizer in iOS App Development. As you know working with gesture recognizers is easy enough, and it consists of a pretty awesome way to provide interaction to your app without using the traditional views for performing actions such as buttons. Gesture Recognizer can be added in 2 ways i,e. either by adding a User interface or through coding programmatically.
Whichever way you would like to choose, we at Lia Infraservices – The Best Mobile App Development Company in Chennai can help you develop your gesture recognizer that suits your specific iOS mobile app development needs. In each of the guest recognizer development, we will write test cases and develop programs that ensure the custom finger gestures work properly.
Our range of mobile app development packages also included iOS & Android App Development Company in Chennai. Custom eCommerce website development company in Chennai, Digital Marketing Company in Chennai.
If you find this blog useful, you may also like reading this blog on Mobile Single Screen Layout with a video view and multiple gestures.
Build a Responsive Website: An eCommerce website development company in Chennai has built both a Simple and Dynamic website.
Position Cart Icon at the Top right Corner: A clear visible cart or Basket icon should be located at the top right corner of all the webpage.Specifically, it should be dynamic and display the number of items shortlisted/ in cart.7.
Prominently positioned Search Bar: Title Bar along with tool/ menu Bar and Search Bar option should be predominantly present across all pages.In addition, the Search Bar should display the suggested search result in the dropdown list for the customers to choose from.
Menu Bars for Easy Navigation: Moreover, the menu bar should represent the product category and the entire rang in the filterable format.
Company’s Contact Details in all pages: Secondly, similar to the title bar, the contact details should be present in all bars at both header and the footer.
Eye Appealing Product Photography: As a matter of fact, a good portrait that finds its buyers automatically, similarly a good product photo will appeal the users and kindles an interest in them to buy it.again, capturing the exact emotion of the model will get easily connected to the viewers.14.
https://appleinfoway.com/best-seo-company-chennai.phpAppleinfoway serves as one of the Best Seo Company in Chennai.
We are having digital marketing institute for training ,Expertise in onpage and offpage seo optimization.
For Enquiry : +91-93800 37777
Chennai SEO Company offers high-quality SEO services at an affordable price.
Our services quality has made our clients call us the Best SEO Company In Chennai.
Our commitment to quality has made us not only the leading SEO company in Chennai, but one of the most capable and reputable SEO specialists in India.
Contact a member of our dedicated support team for more information about the best SEO services which we provide with high care and knowledge.
Our advanced knowledge and experience enable us to remain one step ahead of the competition at all times.
We’re continuously studying the indexation algorithms of the major search engines, in order to deliver unbeatable results for every customer we work with.
Appleinfoway serves as one of the Best Seo Company in Chennai.
We are having digital marketing institute for training ,Expertise in onpage and offpage seo optimization.
For Enquiry : +91-93800 37777 https://appleinfoway.com/best-seo-company-chennai.php
The best digital marketing company provides a quality of SEO services.
Uniqwebtech is the best SEO company in Chennai.
It suits all kinds of businesses which brings a massive number of consumers for your business.
Uniqwebtech offers a quality of digital marketing services that leads to meet your targeted consumers who need your products and services.
We are the best digital marketing company in Chennai who can help you to develop the businesses.
Inet SEO Experts is the one of the best SEO Company in Chennai provides you the complete SEO, SMM, SEM, and SMO Marketing Services at cost effective price and enlarges your business reaches.
For more info call- 9790033533 or Visit: http://www.inetseoexpert.com/
