[iOS - Swift] UIScrollView와 UIStackView로 UITableView처럼 만드는 방법 (Storyboard)

* Code base로 구현하는 방법은 이 포스팅 글 참고

Storyboard로 구현한 UIScrollView + UIStackView

구현 아이디어

• UIStackView안에 UIStackView를 넣어서 구현
• storyboard로 구현할때는 code base로 구현하는것보다 손이 더 가는 부분이 있으므로 따로 볼 것
• UIScrollView 구현 방법만 숙지하고 있다면 매우 쉽게 접근 가능

UIScrollView 사용 방법

1) UIScrollView를 추가하면 frame layout guide와 content layout guide가 존재

• frame layout guide는 UIScrollView를 잡고 constraint 시킬 때, 그 constraint가 frame layout guide로 적용 (동일한것)
• content layout guide는 스크롤 뷰 안에 새로운 뷰를 추가하여 그 뷰를 constraint할 때 사용

2) ScrollView의 edge들을 superview와 동일하게 제약

3) UIScrollView는 아직 내부 content의 크기가 정해지지 않았으므로 빨간불인 상태

• ScrollView안에 content view를 따로 추가
• content view의 edge들을 content layout guide에 제약

3) content layout guide는 정해졌지만, 아직 StackView의 고유 크기가 정해지지 않아서 빨간불인 상태

• UIStackView의 width와 height을 제약
  • width는 UIScrollView의 frame layout guide와 같게 제약
  • height는 임의의 값으로 제약 (어차피 UIStackView는 안에 들어가는 뷰들의 사이즈에 의해 결정되므로)

• 제약을 모두 설정했지만, 제대로 constant 값이 설정되지 않은 부분 수정

• 핵심) UIStackView의 내부에 들어가는 값들에 따라 UIStackView의 높이가 동적으로 변경되어야 하므로, height 제약의 우선순위를 249로 설정 (UIButton의 경우 디폴트 hugging priority가 250이므로)

* hugging priority 개념은 이전 포스팅 글 참고 

(완료)

테스트를 위해 UILabel을 많이 추가한 다음 실행

(결과)

* 전체 코드: https://github.com/JK0369/ExScrollView_UIStackView