Home » Ios » Click Event on UIImageView programmatically in ios

Click Event on UIImageView programmatically in ios

Posted by: admin November 30, 2017 Leave a comment

Questions:

I am displaying a image from code here is the code

UIImageView *preArrowImage =[[UIImageView alloc]init ];
preArrowImage.image =[UIImage imageNamed:@"arrowprev.png"];
preArrowImage.frame = CGRectMake(20, 60, 10, 30);
[self.view addSubview:preArrowImage];

I want to handle the touch event on the preArrowImage programmatically.

Answers:

Objective-c

UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapDetected)];
singleTap.numberOfTapsRequired = 1;
[preArrowImage setUserInteractionEnabled:YES];
[preArrowImage addGestureRecognizer:singleTap];

-(void)tapDetected{
    NSLog(@"single Tap on imageview");
  }

SWIFT 3

let preArrowImage : UIImageView // also give it frame
let singleTap = UITapGestureRecognizer(target: self, action: Selector("tapDetected"))
singleTap.numberOfTapsRequired = 1 // you can change this value
preArrowImage.isUserInteractionEnabled = true
preArrowImage.addGestureRecognizer(singleTap)

//Action
func tapDetected() {
    print("Imageview Clicked")
}

Questions:
Answers:

Simply add a UITapGesture on the image but remember to make its UserInteraction Enabled.

    UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self 
    action:@selector(singleTapGestureCaptured:)];
    [preArrowImage addGestureRecognizer:singleTap];
    [preArrowImage setMultipleTouchEnabled:YES];
    [preArrowImage setUserInteractionEnabled:YES];

Questions:
Answers:

Now in Swift!

let singleTap = UITapGestureRecognizer(target: self, action: Selector("tapDetected"))
singleTap.numberOfTapsRequired = 1

preArrowImage.userInteractionEnabled = true
preArrowImage.addGestureRecognizer(singleTap)


//Action
func tapDetected() {
    println("Single Tap on imageview")
}

Questions:
Answers:

Using story board with view in view controller.
view may be ImageView, UIView, UILabel, TextField or other controller

After selecting one of the gesture recognizer drag it to your controller.
Now it will display in “Document outline” and header of view controller xib.

Gesture icon in document out line and xib

Drag gesture to UILable
Drag gesture to UILable

Manually create (IBAction)method in header file

create IBAction method in header file

Now drag it from handler to gesture icon in xib
Link it with gesture icon

Questions:
Answers:

Swift 3

On UIImageView enable UserInterAction

 override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesEnded(touches, with: event)

        if let touch = touches.first {
            if touch.view == self.imgVwPostPreview { //image View property

                //Do your actions
                //self.delegate?.didClickOnCellImageView(indexPath: self.cellIndexPath!)
            }
        }
    }

Questions:
Answers:

If your UIImageView is an IBOutlet which you get from a Storyboard or Nib, you could add a UIGestureRecognizer to the image view, enable user interaction and connect a IBAction to the gesture recognizer.

For more info check my answer on this question: How to you make a UIImageView on the storyboard clickable (swift)

Questions:
Answers:

Here’s another option: Cheat.

I mean, think laterally.

Set up your UIImage how you want, cropped, aspect fit, whatever.

Overlay this with a UIView (equal dimensions, position etc.)

Set the background to clearcolour, and the class to UIControl.

Point the touch up inside event to your handler, and voila.

Leave a Reply

Your email address will not be published. Required fields are marked *