Center the cell of a collectionView everytime the scrollview ends

Question

I have a collectionView and I have an extension for its scrollview that helps me to get my cell 20pixels(the minimum space from the next cell) right of the screen like this:

now I want to change my extension to center it to the container like this:

my extension is this: (if I can do with any other way feel free to tell it)

extension MyProject : UIScrollViewDelegate
{
    func scrollViewWillEndDragging(scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>)
    {
        let layout = self.collectionView?.collectionViewLayout as! UICollectionViewFlowLayout
        let cellWidthIncludingSpacing = layout.itemSize.width + layout.minimumLineSpacing

        var offset = targetContentOffset.memory
        let index = (offset.x + scrollView.contentInset.left) / cellWidthIncludingSpacing
        let roundedIndex = round(index)

        offset = CGPoint(x: roundedIndex * cellWidthIncludingSpacing - scrollView.contentInset.left, y: -scrollView.contentInset.top)
        targetContentOffset.memory = offset
    }
}

Have you enabled paging of the collectionView scrolling? – Bharat Modi Jul 29 '16 at 11:31 — Bharat Modi, Jul 29 '16 at 11:31
@BharatModi yes nothing changed – mike vorisis Jul 29 '16 at 12:32 — mike vorisis, Jul 29 '16 at 12:32

PierreMB · Accepted Answer · 2016-08-04T09:49:55.567

3

I'd say

offset = CGPoint(
  x: roundedIndex * cellWidthIncludingSpacing - scrollView.contentInset.left + cellWithIncludingSpacing / 2 - scrollView.bounds.size.width / 2,
  y: -scrollView.contentInset.top
)

or, to consider contentInset better

let visibleWidth = scrollView.bounds.size.width
  - scrollView.contentInset.left
  - scrollView.contentInset.right
offset = CGPoint(
  x: roundedIndex * cellWidthIncludingSpacing
    - scrollView.contentInset.left
    + layout.itemSize.width / 2
    - visibleWidth / 2,
  y: -scrollView.contentInset.top
)

edited Aug 04 '16 at 09:49

answered Jul 29 '16 at 12:56

PierreMB

94
4

I will try to test it until Monday I will inform you thank you – mike vorisis Jul 30 '16 at 08:56
Thank you I tried it today and it worked!! It has a little more pixels from left though could it be any parenthesis that cause this problem? – mike vorisis Aug 01 '16 at 09:14
More probably it comes from the right content inset not being taken into the formula. – PierreMB Aug 01 '16 at 10:10

Center the cell of a collectionView everytime the scrollview ends

1 Answers1