CODEWITHSUNDEEP
iosswiftuitableviewuicollectionview
Sharad Chauhan
Sharad Chauhan

Reputation: 4891

Add target to button of collectionview cell inside tableview cell

I have a tableview cell inside which i have added collectionview cell ( for horizontal scrolling).

Now i want to push to other navigation controller on button of any cell of horizontal collectionview. How to do it ? O

Code :

ViewController.swift :

class ViewController: UIViewController {
    var categories = ["Action", "Drama", "Science Fiction", "Kids", "Horror"]
}

extension ViewController : UITableViewDelegate { }

extension ViewController : UITableViewDataSource {

    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return categories[section]
    }

    func numberOfSections(in tableView: UITableView) -> Int {
        return categories.count
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell") as! CategoryRow
        return cell
    }

}

CategoryRow.swift

class CategoryRow : UITableViewCell {
    @IBOutlet weak var collectionView: UICollectionView!
}

extension CategoryRow : UICollectionViewDataSource {

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 12
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "videoCell", for: indexPath) as! VideoCell

cell.button.addTarget(self, action:#selector(ViewController.goToLookAtPage(_:)), for: .touchUpInside)
        return cell
    }

}

extension CategoryRow : UICollectionViewDelegateFlowLayout {

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let itemsPerRow:CGFloat = 4
        let hardCodedPadding:CGFloat = 5
        let itemWidth = (collectionView.bounds.width / itemsPerRow) - hardCodedPadding
        let itemHeight = collectionView.bounds.height - (2 * hardCodedPadding)
        return CGSize(width: itemWidth, height: itemHeight)
    }

}

where do i declare goToLookAtPage function ?

VideoCell.swift

class VideoCell : UICollectionViewCell {

    @IBOutlet weak var button: UIButton!
}

Upvotes: 0

Views: 2049

Answers (2)

Prashant Tukadiya
Prashant Tukadiya

Reputation: 16456

You need to delclare it on CategoryRow Class also declare global closure

like

var buttonTapped:((CategoryRow?) -> Void)? = nil

Now we have closure to call

Implement goToLookAtPage as below 

func goToLookAtPage(_ sender:UIButton) {

    if let btnAction = self.buttonTapped {
         btnAction(self)
      }
}

Now in your ViewController add following in cellForRowAtIndexPath

cell.buttonTapped = {(cell) -> Void in
          //You Got your response , do push in main Thread  
}

Hope it helps to you

Upvotes: 2

Desdenova
Desdenova

Reputation: 5377

In your button handler function get the button's position where sender is your button.

let position = sender.convert(CGPoint.zero, to: self.collectionView)

Get the index path for the given position.

let indexPath = self.collectionView?.indexPathForItem(at: position)

Get the model from your data source with the index path.

let model = self.data[indexPath.row]

Now that you have your data model, pass it to your destination and push your view controller or whatever.

Upvotes: 0

Related Questions