Creating a horizontal scrolling menu

Question

I am trying to create a menu where top horizontal scrolling view contains the menu categories. When I tap on one of the menu categories, ads related to the category appears.

When First is selected

--**First**---|--Second--|---Third--|--Fourth--| (scrolling categories)
------------------------------------------------------------------
\\\FirstA\\\    \\\FirstB\\\   \\\FirstC\\\     \\\FirstD\\\
\\\FirstA\\\    \\\FirstB\\\   \\\FirstC\\\     \\\FirstD\\\
------------------------------------------------------------------

When Second is selected

--First---|--**Second**--|---Third--|--Fourth--| (scrolling categories)
------------------------------------------------------------------
\\\SecondA\\\    \\\SecondB\\\   \\\SecondC\\\     \\\SecondD\\\
\\\SecondA\\\    \\\SecondB\\\   \\\SecondC\\\     \\\SecondD\\\
------------------------------------------------------------------

When I tap on First Category, data related to first comes as a collectionView. Similarly, when I tap on second Category, data related to second comes in the UICollectionView.

Now I am thinking of doing it in a UITableViewCell with two UICollectionViews. First UICollectionView will contain categories and second UICollectionView will contain data related to categories.

But I have never used two UICollectionViews in a single UITableViewCell. So I am asking is it the correct approach for this type of requirement or should I do it in some other manner.

Check this out: https://stackoverflow.com/questions/28750108/multiple-collectionview-in-a-uiviewcontroller-ios-swift — Dalton Sweeney, Sep 25 '17 at 21:42
Well I want to use two collection views in a single UITableViewCell not in a UIViewController — Sudhanshu Gupta, Oct 03 '17 at 08:45
maybe try to sub class the UITableViewCell and make it conform to the UICollectionViewController protocol? — Dalton Sweeney, Oct 03 '17 at 22:50

score 0 · Answer 1 · answered Oct 07 '17 at 13:41

You could subclass an UITableViewCell, add UICollectionView as subview, conform UICollectionViewDataSource and UICollectionViewDelegate

here's sample code using xib

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

extension CollectionViewTVC: UICollectionViewDataSource {
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        // return items
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        // return cell
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: IndexPath) -> CGSize {
        // return size
    }
}

extension CollectionViewTVC: UICollectionViewDelegate {
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        // select cell action
    }
}

score 0 · Answer 2 · answered Oct 07 '17 at 13:53

0

Why don’t you use two table view cells, one for every collectionViewu?

answered Oct 07 '17 at 13:53

zvone

39
2

well eventually I have used two tableviewcells, just want to know if it can be done in a single tableviewcell – Sudhanshu Gupta Oct 08 '17 at 14:49
I think this isn’t the best Way but you can add in xib two CollectionViews one below another, make two custom class that conform to delegate and Data source. Connect both collectionViews to outlets in cell and instantie theirs datasources and delegates(ones that you Made earlier), you can also make just one extra Data source and delegate and for second collectionView conform that cell, but I think first solution is little cleaner – zvone Oct 08 '17 at 15:05

Creating a horizontal scrolling menu

2 Answers2