Set offset or initial position for a cell in a collection view

Question

I want to add some space before the first cell in a collection view, something like an offset, my collection view has a horizontal scroll position.

Here is my current collection view:

It has a leading constraint of 35, what I want is the cell to start at an "x" position of 35 but with the ability to scroll full width like in this:

Is there a way to create that initial offset in a collection view using Swift 3?

It may help you https://stackoverflow.com/questions/28325277/how-to-set-cell-spacing-and-uicollectionview-uicollectionviewflowlayout-size-r — Dharma, Jun 21 '17 at 15:41

score 8 · Answer 1 · edited Jun 20 '20 at 09:12

8

You could just set Section Insets for Collection View Flow Layout without code.

edited Jun 20 '20 at 09:12

Community

1
1

answered Dec 03 '18 at 17:02

Alexander Spirichev

378
5
11

A.Kant · Answer 2 · 2019-12-30T11:25:48.207

6

Swift 5 / Xcode 11

Thanks Alexander Spirichev.

Based on his answer, you can also set the left inset to 35 points programmatically:

let layout = UICollectionViewFlowLayout()
layout.scrollDirection = .horizontal
layout.minimumLineSpacing = 8
layout.sectionInset = UIEdgeInsets(top: 0, left: 35, bottom: 0, right: 0)

collectionView.setCollectionViewLayout(layout, animated: false)

edited Dec 30 '19 at 11:25

answered May 13 '19 at 20:37

A.Kant

1,958
1
16
15

QuangLoc · Answer 3 · 2019-09-26T08:03:33.463

1

You need to set contentInset

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{
    return UIEdgeInsetsMake(top, left, bottom, right);
}

you can see in detail here

edited Sep 26 '19 at 08:03

answered Jun 21 '17 at 17:16

QuangLoc

61
4

I only want the space before the initial cell not for all – Jonathan Solorzano Jun 21 '17 at 18:14

H S Progr · Answer 4 · 2019-10-24T09:42:36.940

1

You can set space before the initial cell in collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) as follow:

if (indexPath.row == 0 || indexPath.row == 1) {
  // Set value according to user requirements
  cell.frame.origin.y = 10
}

edited Oct 24 '19 at 09:42

answered Aug 27 '18 at 15:54

H S Progr

3,035
18
24

score 0 · Answer 5 · answered Jan 09 '18 at 22:21

A bit late to the party here, but I came across a couple solutions

The right way (scroll to first cell):

https://coderwall.com/p/e-ajeq/uicollectionview-set-initial-contentoffset

Simple hacky way: I add in a transparent "spacer" cell to the first item to offset the rest of the cells.

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "collectionCell", for: indexPath)

    if (indexPath.row == 0) {
        cell.backgroundColor = UIColor.white
        return cell
    }

    cell.backgroundColor = UIColor.green
    return cell
}

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

    if (indexPath.row == 0){
        //spacer
        return CGSize(width:6, height:50)
    }
    return CGSize(width: 50, height: 50)
}

I am having the same issue please help me – Paresh. P Jan 25 '19 at 07:16 — Paresh. P, Jan 25 '19 at 07:16

score 0 · Answer 6 · answered Jun 23 '20 at 16:36

If you only want the cells in that section to have the padding, then use sectionInset from UICollectionViewFlowLayout as suggested in the other answers. But from what I can guess you're probably fine with instead setting contentInsets on the collection view itself (inherited from UIScrollView)

Set offset or initial position for a cell in a collection view

6 Answers6