적당한 고통은 희열이다

- 댄 브라운 '다빈치 코드' 중에서

Swift iOS 앱 개발/실전 Swift

[Swift iOS] UICollectionView - Storyboard

hongssup_ 2022. 6. 15. 21:33
반응형

UICollectionView 사용하기 까다롭네..

 

내 기억이 맞다면 xib 파일 사용하면 collectionview 내에 cell을 바로 넣어서 설정해줄 수 없고 번거롭게도 따로 cell xib 설정을 해줘야 한다고 알고 있다. 

그래서 이번엔 스토리보드로 사용해본 UICollectionView

 

1. 기본 UICollectionView 세팅하기

우선 스토리보드에 UICollectionView를 추가한 후, 다음과 같이 오토 레이아웃을 설정해준다. 

그리고 중요한 것. Automatic으로 기본 설정되어있는 Estimate SizeNone으로 바꿔주어야 한다. 

(custom cell 만들고 크기 설정 다 해줘도 반영이 안되서 이거 때매 몇시간 날려뚬 ㅠ )

컬렉션뷰를 @IBOutlet으로 연결해주고, UICollectionViewDataSource와 UICollectionViewDelegate 프로토콜을 채택한 후

다음과 같이 컬렉션뷰 기본 설정을 setup 해준다.

위와 같이 기본 UICollectionViewCell로 실행하면 다음과 같이 뜬다. 

2. Custom Cell 설정해주기

CollectionView Cell의 Size 설정도 Automatic -> Custom으로 변경해준다. 

 

3. Header / Footer 설정

1) 기본 세팅

 

2) custom HeaderView 설정

3) Sticky Header 설정

 

4. Cell 기타 속성

 

5. 기타

collectionView.keyboardDismissMode = .onDrag

 

 

 

참고 : lsh424.tistory - Header/Footer,

728x90
반응형