crop UIImage to mask

Question

I have a UIImage that contains a mask of another UIImage. The only problem is when I tap the area outside the mask, the script still thinks I'm tapping the image.

let tap = UITapGestureRecognizer() override func viewDidLoad() { super.viewDidLoad() tap = UITapGestureRecognizer(target: self, action: #selector(ViewController.handleTap(_:))) tap.numberOfTapsRequired = 1 tap.numberOfTouchesRequired = 1 let imageMask = UIImageView() imageMask.image = ...//Image to mask to imageMask.frame = imageView.bounds imageView = UIImageView(image: ...) imageView.mask = imageMask imageView.addGestureRecognizer(tap) } @objc func handleTap(_ sender: UITapGestureRecognizer) { print("hello") //prints "hello" when tapped Image outside of mask }

How to I completely crop the image to the mask, so It won't register taps outside of the mask?

You could crop imageView frame, but I can't understand what you mean about "won't register taps outside of the mask"! — Francesco Destino
– Francesco Destino, Commented Nov 27, 2018 at 13:22
I basically want to crop the entire image to the mask, so that you can only tap on the mask and not the area outside of the mask @FrancescoDestino — Cristian
– Cristian, Commented Nov 27, 2018 at 13:28
Oh wonderful! So you should use a simple UIView with userInteractionEnabled = true and add the imageView cropped as a subview; so the compiler will trigger only the tapGesture of your imageCropped — Francesco Destino
– Francesco Destino, Commented Nov 27, 2018 at 13:34

Francesco Destino · Accepted Answer · 2018-11-27 15:14:46Z

2

Use this instead two imageViews

let overMask = UIView() overMask.frame = imageView.bounds overMask.isUserInteractionEnabled = true imageView = UIImageView(image: ...) imageView.mask = overMask imageView.addGestureRecognizer(tap) overMask.addSubview(imageView)

edited Nov 27, 2018 at 15:14

answered Nov 27, 2018 at 13:36

Francesco Destino

3491 silver badge15 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Cristian Over a year ago

when I try imageView.crop() I get Value of type 'UIImageView' has no member 'crop';

Cristian Over a year ago

and when I run the code without .crop() it's the same result of my original code

Francesco Destino Over a year ago

Yeah sorry i didn't tell you that this should be a new function to crop the imageView :) You should create a new function called crop. How you want to crop the imageView? You want to make a circle? Ora anything else?

Cristian Over a year ago

I want to crop the imageView to the shape of the mask.

Collectives™ on Stack Overflow

crop UIImage to mask

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related