[ iOS ] CollectionView 간격 조정하기

 

 

 

문제

가로 방향의 CollectionView에서 cell의 간격을 조정하기

 

 

 

 

 

 

---

 

 

 

 

 

CollectionView의 cell 간 간격을 설정해주기 위해서는 UICollectionViewDelegateFlowLayout 프로토콜의 메서드를 사용하면 된다.

• collectionView(_:layout:minimumLineSpacingForSectionAt:) 
  • 한 섹션의 연속적인 행 또는 열 사이의 간격을 지정한다.
• collectionView(_:layout:minimumInteritemSpacingForSectionAt:)
  • 한 섹션의 동일 행 또는 열에서 아이템들의 간격을 지정한다.

 

 

 

 

 

scroll Direction따른 메서드 사용

 

1. 가로 방향 스크롤일 경우, horizontally

• collectionView(_:layout:minimumLineSpacingForSectionAt:) 
  • 열 사이의 간격을 지정한다. 즉, 아이템들 좌우 간격을 지정한다.
• collectionView(_:layout:minimumInteritemSpacingForSectionAt:)
  • 같은 열에 속한 아이템들의 간격을 지정한다. 즉, 아이템들의 상하 간격을 지정한다.

 

 

 

2. 세로 방향 스크롤일 경우, vertically

• collectionView(_:layout:minimumLineSpacingForSectionAt:) 
  • 행 사이의 간격을 지정한다. 즉, 아이템들 상하 간격을 지정한다.
• collectionView(_:layout:minimumInteritemSpacingForSectionAt:)
  • 같은 행에 속한 아이템들의 간격을 지정한다. 즉, 아이템들의 좌우 간격을 지정한다.

 

 

 

 

 

 

---

 

 

 

 

 

 

 

collectionView(_:layout:minimumLineSpacingForSectionAt:)

collectionView(_:layout:minimumInteritemSpacingForSectionAt:)