iOS: clicking on a view inside a TableCellView

Question

I placed a small UIView inside a UITableViewCell.

• In case of a tapping on such UIView, I would like to open a popup.
• In case of a tapping outside such UIView, I would like to perform what it's defined in the UITableView "didSelectRowAtIndexPath" function.

What it's happening at the moment is that when I click on the view both things happen: the popup is opened and the "didSelectRowAtIndexPath" function is trigged.

How can I make sure that when I click on that UIView the "didSelectRowAtIndexPath" function is not triggered?

current implementation:

I defined a UITapGestureRecognizer for the UIView inside my custom UITableViewCell class.

let tapGesture = UITapGestureRecognizer(target: self, action: #selector(MyCustomTableViewCell.clickOnHelp(_:))) myClickAreaUIView.addGestureRecognizer(tapGesture)

Answer 1

The best solution I suggest is to change the UIView to a UIButton and handle the touch with a touchUpInside on the button.

This way you will reach your objective, as UIButton automatically prevents touch event forwarding to superview

Answer 2

Try setting the inner view's exclusiveTouch property to true.

cell.tapView.exclusiveTouch = true

Answer 3

I suggest to implement the following method of UIGestureRecognizerDelegate like below

func gestureRecognizer(gestureRecognizer: UIGestureRecognizer, shouldReceiveTouch touch: UITouch) -> Bool {
    print("in shouldReceiveTouch")
    gestureRecognizer.delegate = self
    if ([...]){ // touch location is in the UIView
        print("touching UIView")
        return false // prevent from forwarding touch to superview
    } else {
        println("touching elsewhere")
        return true
    }
}

Answer 4

You should use this method from UIGestureRecognizerDelegate

func gestureRecognizer(gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWithGestureRecognizer otherGestureRecognizer: UIGestureRecognizer) -> Bool {
   return false
}

Answer 5

Create a customClass for your UIView lets say CustomView of type UIView

Connect your UIView's @IBOutlet conforming to tableViewCell of type CustomView

In CustomView class call this function

override func pointInside(point: CGPoint, withEvent event: UIEvent?) -> Bool {
    super.pointInside(point, withEvent: event)

    return CGRectContainsPoint(self.bounds, point)
}

This will tell you whether or not the location at which user tapped was contained inside that UIView bounds or not, if it returns true do pop up in your UIGestureRecognizer functions and follow https://stackoverflow.com/a/18606840/6297658 , if false do the opposite

Answer 6

just write this code inside cellForRowAtIndexPath() for did select prevent::

cell.selectionStyle = UITableViewCellSelectionStyle.None