How to display CollectionViewCell in center in swift 4

Question

Collectionview cell has a two item in one row, But Collectionview cell doesn't center in my design.

How can I display the collectionViewCell in center alignment? I want to display like the following image

I am trying many times, can't display the center of CollectionView. Please Help me!

Answer 1

Working code Swift 4

You need to use UICollectionViewDelegateFlowLayout method like this

class CardListViewController:UICollectionViewDelegate,UICollectionViewDataSource,UICollectionViewDelegateFlowLayout{

    // UICollectionViewDelegateFlowLayout Delegate method

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
    {
        let leftAndRightPaddings: CGFloat = 30.0
        let numberOfItemsPerRow: CGFloat = 2.0

        let width = (collectionView.frame.width-leftAndRightPaddings)/numberOfItemsPerRow
        return CGSize(width: width, height: width) // You can change width and height here as pr your requirement

    }
}

From the Storyboard Set Section Insets Like this.

Output :