Swift UI集合视图布局

Question

I am trying to use a UIcollectionView in my SpriteKit game to display the level select scene. The collection view has 6 sections (start, world 1-5) with 8 cells in each (level 1-8). They are custom cells with a simple UILabel for now. I can use the did select item for index path to load my levels, it's all good. However my problem is the following

The first section in the collection view is the start screen so I don't want the collection view to show the 8 cells in that section. That section is supposed o only showing a background image and a tap to start lable. So what I tried in cellForIndexPath is to

1) hide cells in that section but that causes text label issues with the cells in the other sections

2) hide the text labels and make the cells color transparent, same problem as 1

So basically what could I do to solve this issue?

I could put the start section into a different SKScene but I prefer if it's all in the collection view. Another option I was thinking is to make each section have only 1 cell, the size of screen, and add 8 UIButtons to each section except the start section. I also need some of those cells/buttons to be disabled until the previous level is unlocked. I am not sure what a better approach is, 8 cells as buttons or 8 UIButtons in 1 cell.

I am only looking for a UICollectionView solution, I already have an alternative, because it will make my life much easier when converting to tvOS and using the focus stuff and navigating through 6 sections with 30+ buttons

Thank you very much for any help

Answer 1

I'd go for 8 cells as buttons rather than using 1 cell with a series of UIButtons, that will keep things simple and allow you to use didSelectItemAtIndexPath. Can't you just use numberOfItemsInSection to define only 1 cell in the first section?

My approach would probably be to use a custom flow layout and a supplementary view for your background image and tap to start button - a bit complex but very flexible.

Answer 2

You can register more that one kind of cell in UICollectionView:

• If you are using Interface builder add another Collection View Cell from Objects library and set it's reuse identifier
• Otherwise register nib or class in viewDidLoad method of your UICollectionViewController using self.collectionView?.registerNib(forCellWithReuseIdentifier:) or self.collectionView?.registerClass(forCellWithReuseIdentifier:)

Then when you dequeue cell use proper reuse identifier:

override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    var reuseIdentifier = "identifier of cell with 8 button"
    if indexPath.section == 0 {
        reuseIdentifier = "identifier of start cell as you set in IB of viewDidLoad"
    }
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath)

    // Configure the cell depending on indexPath

    return cell
}