tapgesture not working in collectionViewCell, Neither any UIElements is visible on cell which is added by storyboard

Question

I have a collectionViewCell that either plays a video or displays and image.Now the elements in the cell are generated programatically. I added tap gesture to toggle the sound when video play. The gesture recognizer wasn't getting called. I tried to place a button in story and get its action, that also didn't recieve a call. Then, I tried to place a view inside the cell, that also didn't display.

Here is my code with tap gesture:

    import UIKit
    import AVKit
    import AVFoundation

    @IBDesignable class CHCollectionImageCell: UICollectionViewCell {


        // MARK: Properties
        var imgView: UIImageView! = UIImageView()
        var screenWidth:CGFloat = 0
        var screenHeight:CGFloat = 0
        var playerLayer: AVPlayerLayer!
        let tapOnCell = UITapGestureRecognizer(target: self, action:  #selector (CHCollectionImageCell.changeMuteRegimeVideo))


        // MARK: Functions
        override func awakeFromNib() {
            super.awakeFromNib()
        }

        func configureCell(insight: InsightModel) {

            imgView.removeFromSuperview()
            if playerLayer != nil {
                playerLayer.removeFromSuperlayer()
                playerLayer = nil
            }
            self.removeGestureRecognizer(tapOnCell)


            if insight.isVideo {
                guard let unwrappedVideoURLString = insight.videoURL,
                    let unwrappedVideoURL = URL(string: unwrappedVideoURLString) else {
                        return
                }


                let playerItem = AVPlayerItem(url: unwrappedVideoURL)
                let player = AVPlayer(playerItem: playerItem)
                playerLayer = AVPlayerLayer(player: player)
                playerLayer.frame = self.bounds
                player.isMuted = false
                layer.addSublayer(playerLayer)

                addGestureRecognizer(self.tapOnCell)
            } else {
                imgView.frame = CGRect(x: 0, y: 0, width: self.frame.size.width, height: self.frame.size.width)
                imgView.image = UIImage(named: "stone")
                imgView.contentMode = UIViewContentMode.scaleAspectFill
                imgView.clipsToBounds = true
                clipsToBounds = true
                addSubview(self.imgView)
            }



        }
       /* 
        @IBAction func tapToTurnOfSound(_ sender: Any) {
            if isInsightViedo{
                if let unwrappedPlayer = playerLayer.player {
                    unwrappedPlayer.isMuted = !unwrappedPlayer.isMuted
                }

            }
            //Even Tried adding view as below in the cell

            //let tapView = UIView()
            //tapView.backgroundColor = ColorCodes.appThemeColor
            //self.addSubview(tapView)
            //self.bringSubview(toFront: tapView)
            //tapView.addGestureRecognizer(tapOnCell)

        }
*/
        func configureCell() {
            imgView.removeFromSuperview()
            if playerLayer != nil {
                playerLayer.removeFromSuperlayer()
                playerLayer = nil
            }
            self.removeGestureRecognizer(tapOnCell)
            imgView.frame = CGRect(x: 0, y: 0, width: self.frame.size.width, height: self.frame.size.width)
            imgView.image = UIImage(named: "stone")
            imgView.contentMode = UIViewContentMode.scaleAspectFill
            imgView.clipsToBounds = true
            clipsToBounds = true

            addSubview(self.imgView)
        }

        func changeMuteRegimeVideo() {
            if let unwrappedPlayer = playerLayer.player {
                unwrappedPlayer.isMuted = !unwrappedPlayer.isMuted
            }
        }

    }

I think you are not adding tapgesture correctly check this: https://stackoverflow.com/questions/28675209/how-to-call-gesture-tap-on-uiview-programmatically-in-swift — 3stud1ant3, Sep 01 '17 at 06:42
I have tried all these ways. Tap works simply great on UIView but not working here in collectionViewCell — Ishika, Sep 01 '17 at 06:43
check tapOnCell nil or not, then add gesture to contentview. — karthikeyan, Sep 01 '17 at 06:44
That's because you are calling the tap gesture at a wrong place. UICollectionViewCell is a view. Call the tap through the view controller. — El Tomato, Sep 01 '17 at 06:46
@shahnilay86 : Its not a tableViewCell, its a collectionViewCell which doesn't holds this property. — Ishika, Sep 01 '17 at 06:49
A view is a view, not a view controller. Let the view controller talk to the view that the view belongs to with a closure. — El Tomato, Sep 01 '17 at 06:52

score 1 · Answer 1 · answered Sep 01 '17 at 07:01

Iam doing the same thing in my application by using the following code :

let longPressGesture:UILongPressGestureRecognizer = UILongPressGestureRecognizer(target: self, action: #selector(viewController.longPress(_:)))
longPressGesture.minimumPressDuration = 0.8
longPressGesture.delegate = self
collectionView.addGestureRecognizer(longPressGesture)

and then call the function:

    func longPress(_ longPressGestureRecognizer: UILongPressGestureRecognizer) {

    if longPressGestureRecognizer.state == UIGestureRecognizerState.began {
      let touchPoint = longPressGestureRecognizer.location(in: collectionView)
 if eventsTableView.indexPathForRow(at: touchPoint) != nil {
 let index =  eventsTableView.indexPathForRow(at: touchPoint)//do whatever you want to do with this index 
}}}

you can do whatever you want to do in this function. In my case i used this to enlarge the image in the collection view

tapgesture not working in collectionViewCell, Neither any UIElements is visible on cell which is added by storyboard

1 Answers1