Swift - how to open another viewcontroller with CollectionViewCell inside UITableViewCell

Question

I'm really new in iOS/Swift and i'm in a small project. In this project i have a UITableView inside ViewController. And i have another file custom CollectionViewCell in side UITableViewCell. I want when user click a cell in collectionview it will open another ViewController and it get data from this collectionviewcell. This is my uitableview swift file:

class IndexRow: UITableViewCell, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
var names:[String] = ["Movie 1","Movie 2","Movie 3","Movie 4","Movie 5","Movie 6"]
@IBOutlet weak var collectionView: UICollectionView!
override func awakeFromNib() {
    super.awakeFromNib()
    collectionView.registerClass(indexOneMovie.self, forCellWithReuseIdentifier: "onemovie")
    let nib = UINib(nibName: "indexOneMovie",bundle: nil)
    collectionView.registerNib(nib, forCellWithReuseIdentifier: "onemovie")
    self.collectionView.backgroundColor = UIColor.clearColor()
    self.collectionView.delegate = self
    self.collectionView.dataSource = self
    print("Hello")
}
func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return names.count
}

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = self.collectionView.dequeueReusableCellWithReuseIdentifier("onemovie", forIndexPath: indexPath) as! indexOneMovie
    cell.poster.image = UIImage(named: "poster.jpg")
    cell.name.text = names[indexPath.row]
    return cell
}

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
    print(indexPath.item)
}

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    let itemsPerRow:CGFloat = 2
    let hardCodedPadding:CGFloat = 0
    let itemWidth = (collectionView.bounds.width / itemsPerRow) - hardCodedPadding
    let itemHeight = collectionView.bounds.height - (hardCodedPadding)
    return CGSize(width: itemWidth, height: itemHeight)
}

How i can do it?

my problem is i don't know how to do that. I searched in google 4 hours but i can find a nice answer :( — Evan Ngo, Apr 08 '16 at 05:20
make delegate like this http://stackoverflow.com/questions/22904164/presentviewcontroller-from-custom-tablecell-in-xib — Bhavin Bhadani, Apr 08 '16 at 05:22
@EvanNgo when you don't get the ObjC, try this: objectivec2swift.com — tush4r, Apr 08 '16 at 06:20
i don't know how to do that, because i create tableview without storyboard so i can't make segue. — Evan Ngo, Apr 08 '16 at 06:22

Muhammad Ali · Answer 1 · 2016-04-08T17:47:07.037

2

You can do it like this :

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
    print(indexPath.item)
    let name = names[indexPath.item]
    let distinationViewController = DistinationViewController()
    distinationViewController.name = name
    if let navVC: UINavigationController = UIApplication.sharedApplication().keyWindow?.rootViewController as? UINavigationController {
    navVC.pushViewController(distinationViewController, animated: true)
    }
}

This is just a way to do it i dont know which view you want to push or what your names array contains so kindly change those things accordingly.

get root navigationcontroller from uiapplication and perform push on it.

edited Apr 08 '16 at 17:47

answered Apr 08 '16 at 06:45

Muhammad Ali

2,173
15
20

Thank you, but it's not working. i have a error : "Value of type 'IndexRow' has no member 'storyboard' " – Evan Ngo Apr 08 '16 at 06:48
No it is an UITableViewCell – Evan Ngo Apr 08 '16 at 06:50
it's also not work. I read maybe i need to use delegate? do you know how to use it? – Evan Ngo Apr 08 '16 at 06:56
can you humbly try it once again now it should work ? – Muhammad Ali Apr 08 '16 at 07:03
Make sure you are getting storyboard right like : `let storyboard = UIStoryboard(name: "Main", bundle: nil)` // '`Main`' is storyboard identifier check IB for correct storyboard identifier which contains you destination view. – Muhammad Ali Apr 08 '16 at 07:14
i for got , i don't use storyboard and make everything by code (tableview, collectionview, uitableviewcell...) so i no have segue – Evan Ngo Apr 08 '16 at 07:15
then just take an instance of you destination viewcontroller and push it to the navigationcontroller – Muhammad Ali Apr 08 '16 at 07:28
do you have skype address? :( – Evan Ngo Apr 08 '16 at 07:42
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/108597/discussion-between-muhammad-yawar-ali-and-evan-ngo). – Muhammad Ali Apr 08 '16 at 07:44
see the above code hope its works if not give your mail address i wil mail you the code but i use storyboard @EvanNgo – Ajay Singh Thakur Apr 08 '16 at 07:59
but i didn't create uitableview in storyboard, so i have no segue :( – Evan Ngo Apr 08 '16 at 08:08
push using code earlier the problem was that you are trying to push to view controller from uitableview cell – Ajay Singh Thakur Apr 08 '16 at 08:19

Ajay Singh Thakur · Answer 2 · 2016-04-08T07:56:20.133

ok i have recently implemented the same in my app these are the links where i refered initially -

https://ashfurrow.com/blog/putting-a-uicollectionview-in-a-uitableviewcell-in-swift/

http://www.thorntech.com/2015/08/want-your-swift-app-to-scroll-in-two-directions-like-netflix-heres-how/

you are making uicollectionview delegate confirms to uitableview cell so you cannot present or push to other view controller.

here is my code hope it will help you

homeController.swift which contains uitableview

    extension HomeController : UITableViewDelegate {

        func tableView(tableView: UITableView,willDisplayCell cell: UITableViewCell,forRowAtIndexPath indexPath: NSIndexPath) {

          guard let tableViewCell = cell as? TableViewCell else { return }
            //here setting the uitableview cell contains collectionview delgate conform to viewcontroller
          tableViewCell.setCollectionViewDataSourceDelegate(self, forRow: indexPath.row, andForSection: indexPath.section)
          tableViewCell.collectionViewOffset = storedOffsets[indexPath.row] ?? 0
        }

        func tableView(tableView: UITableView,didEndDisplayingCell cell: UITableViewCell,forRowAtIndexPath indexPath: NSIndexPath) {

            guard let tableViewCell = cell as? TableViewCell else { return }
            storedOffsets[indexPath.row] = tableViewCell.collectionViewOffset
        }

    }



    extension HomeController: UICollectionViewDelegate, UICollectionViewDataSource {
        func collectionView(collectionView: UICollectionView,numberOfItemsInSection section: Int) -> Int {
          let element : [CollectionViewElement] =  self.returnCollectionViewElementAccordingToIndex(collectionView.tag)
            return element.count
        }

      func collectionView(collectionView: UICollectionView,cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

          let cell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell",forIndexPath: indexPath) as! horizontalCollectionViewCell

          let element : [CollectionViewElement] =  self.returnCollectionViewElementAccordingToIndex(collectionView.tag)

          cell.cellTitleLabel.text = element[indexPath.row].videos.title
          cell.cellGenerLabel.text = element[indexPath.row].videos.gener

          return cell
      }

      func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath){


        print("collectionviewtag:\(collectionView.tag) +  indexpathrow:\(indexPath.row)")
        //from here you can do push or present to anyview controller
        // collectionviewtag is tableView cell row value and indexpathrow return collectionView cell row value.



      }


    }

TableViewCell.swift :custom UITableViewCell which contains collectionView

    class TableViewCell: UITableViewCell {


        @IBOutlet  private weak  var collectionView: UICollectionView!

        @IBOutlet weak var cellLabel: UILabel!

        @IBOutlet weak var cellButton: UIButton!

        @IBAction func CellButtonActionTry(sender: UIButton) {

          print("Dude  \(cellButton.tag)")

        }




        var collectionViewOffset: CGFloat {
          get {
            return collectionView.contentOffset.x
          }

          set {
            collectionView.contentOffset.x = newValue
          }
        }

        func setCollectionViewDataSourceDelegate<D: protocol<UICollectionViewDataSource, UICollectionViewDelegate>>
          (dataSourceDelegate: D, forRow row: Int , andForSection section : Int) {

            collectionView.delegate = dataSourceDelegate
            collectionView.dataSource = dataSourceDelegate
            collectionView.tag = row // tableView indexpathrow equals cell tag
            collectionView.reloadData()
        }




        override func awakeFromNib() {
              super.awakeFromNib()
              // Initialization code
          }

          override func setSelected(selected: Bool, animated: Bool) {
              super.setSelected(selected, animated: animated)

          }

    }

Swift - how to open another viewcontroller with CollectionViewCell inside UITableViewCell

2 Answers2

Linked