LocoMike LocoMike - 5 months ago 109
iOS Question

UIPanGestureRecognizer - Only vertical or horizontal

I have a view that has a

to drag the view vertically. So in the recognizer callback, I only update the y-coordinate to move it. The superview of this view, has a
that will drag the view horizontally, just updating the x-coordinate.

The problem is that the first
is taking the event to move the view vertically, so I can not use the superview gesture.

I have tried

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer
(UIGestureRecognizer *)otherGestureRecognizer;

and both will work, but I don't want that. I want the horizontally to be detected only if the movement is clearly horizontal. So it would be great if the
had a direction property.

How can I achieve this behavior? I find the docs very confusing, so maybe someone can explain it better here.


I figured it out creating a subclass of UIPanGestureRecognizer


#import <Foundation/Foundation.h>
#import <UIKit/UIGestureRecognizerSubclass.h>

typedef enum {
} DirectionPangestureRecognizerDirection;

@interface DirectionPanGestureRecognizer : UIPanGestureRecognizer {
    BOOL _drag;
    int _moveX;
    int _moveY;
    DirectionPangestureRecognizerDirection _direction;

@property (nonatomic, assign) DirectionPangestureRecognizerDirection direction;



#import "DirectionPanGestureRecognizer.h"

int const static kDirectionPanThreshold = 5;

@implementation DirectionPanGestureRecognizer

@synthesize direction = _direction;

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    [super touchesMoved:touches withEvent:event];
    if (self.state == UIGestureRecognizerStateFailed) return;
    CGPoint nowPoint = [[touches anyObject] locationInView:self.view];
    CGPoint prevPoint = [[touches anyObject] previousLocationInView:self.view];
    _moveX += prevPoint.x - nowPoint.x;
    _moveY += prevPoint.y - nowPoint.y;
    if (!_drag) {
        if (abs(_moveX) > kDirectionPanThreshold) {
            if (_direction == DirectionPangestureRecognizerVertical) {
                self.state = UIGestureRecognizerStateFailed;
            }else {
                _drag = YES;
        }else if (abs(_moveY) > kDirectionPanThreshold) {
            if (_direction == DirectionPanGestureRecognizerHorizontal) {
                self.state = UIGestureRecognizerStateFailed;
            }else {
                _drag = YES;

- (void)reset {
    [super reset];
    _drag = NO;
    _moveX = 0;
    _moveY = 0;


This will only trigger the gesture if the user starts dragging in the selected behavior. Set the direction property to a correct value and you are all set.