Center a collection view when scrolling with partially visible previous and next item

Question

i want to achieve the result like in this image and this is what I get when I launch the collection view (the first item):

But when I scroll the inset left and right seems that aren't respecting anymore and the item is not centered anymore like this:

my part of the code:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

return  CGSize(width: view.bounds.size.width - 60 , height: 450)

}

 func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
return UIEdgeInsets(top: 0, left: 30, bottom: 0, right: 30)

}

Answer 1

Hi I did understand that you're asking for whenever the collection view is scrolled a little you have to show the next cell completely.

To achieve that in collectionView will display cell

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
if !(indexPath.section == 0), !(indexPath.row == 0) {
    let indexPath = IndexPath(item: indexPath.row + 1, section: indexPath.section)
        self.collectionView.scrollToItem(at: indexPath, at: .centeredVertically, animated: true)
 }
}

scroll to the next Item.

Hope this may work for you :)