Collection View Cell Size/Fitting issue

Question

I am working on an iOS app in swift 4. I have implemented collection view and there are two cells at the front as shown in the image:

When I run my app on bigger screen sizes like iPhone 6/7/8 Plus, then it Shows two complete cells with one-half cell. What I want to achieve is that it shows two cells in front of every screen size, Please help.

Answer 1

Implement the UICollectionViewDelegateFlowLayout protocol in your ViewController, then implement:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let cellSize = //calculate cell size based on the width of the view and padding between cells
    return cellSize
}

Check out the documentation for the UICollectionViewDelegateFlowLayout and implement its methods to modify the spacing between the cells.