Support for tap image closure

[cosmicmind]

Support for tap image closure

[daniel-jonathan]

Hey :)

That is a very specific use case. Preferably, I would like to keep the card more generic.

One way of doing it, could be to add a tap gesture on the card and see if the tap is within the bounds of the image frame, which you can access from the optional imageLayer property that is set when you add an image.

Yeah I understand. That is a decent workaround, I'm using a UITapGestureRecognizer right now and it's still buggy as hell.

[daniel-jonathan]

Actually, an even better approach would be to subclass the ImageCardView, which is a subclass of MaterialPulseView. Override the touchesBegan method, and if the touch is within the imageLayer execute your lightbox, if not, call the super.touchesBegan method.

[daniel-jonathan]

public override func touchesBegan(touches: Set, withEvent event: UIEvent?) {

    let point: CGPoint = layer.convertPoint(touches.first!.locationInView(self), fromLayer: layer)
    if true == imageLayer?.containsPoint(point) {
        ...
    } else {
                  super.touchesBegan(touches, withEvent: event)
            }
}

I haven't tested the code, though this is the idea.

[daniel-jonathan]

You can do the same with touchesEnd, which may be better to keep the pulse in general, though, you have to call super in that case to shrink the pulse.

Ahh interesting idea. I'll experiment! Thanks :)

(btw It's me, @cohix, I used the wrong account by accident)

[daniel-jonathan]

Awesome :) How are you liking MaterialKit? We are planning a really awesome update shortly.

Liking it very much! I'm very happy with it so far

[daniel-jonathan]

Great! Okay, after your experimentation, let us know how it worked out and close the ticket. All the best :)

Will do! Cheers.

I ended up using your solution, works quite well!

override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?)
    {
        let point: CGPoint = layer.convertPoint(touches.first!.locationInView(self), fromLayer: layer)

        if imageLayer!.containsPoint(point)
        {
            // Show ligntbox
        }

        super.touchesEnded(touches, withEvent: event)
    }