Container View를 활용한 Nested ScrollView 만들기
공개예정 Tabbar에서 생성한 vertical stack view에 임의의 View를 삭제하고 container view 2개를 삽입하자. height는 200이다. 여기서 stack view는 안에 존재하는 content의 크기에 따라 사이즈가 지정이 되기에 stack view의 height auto layout 지정은 삭제한다.
이때 stack view의 height 600을 유지하게 되면 안에 존재하는 contents의 크기가 전부를 못채우기 때문에 에러가 발생한다. 현재 UIView라는 빈공간이 들어가있고 이 빈공간이 오른족에 존재하는 ViewController로 대체되는 구조이다.
일반 ViewController을 Embed로 연결시켜 놓은 구조이다.
구분하기 쉽도록 연결된 ViewController의 View background color를 바꾸어보자.
이제 이 안에 CollectionView를 넣어서 가로 스크롤이 되도록 구현하면 된다.
HomeView와 동일하게 지정하도록 하자.
containerView와 연결된 ViewController을 RecommendListViewController로 지정하고 Label을 sectionLabel과 연결한다. CollectionView는 각 ViewController과 datasource와 Delegate를 연결시킨다.
다음과 같이 완성이 되었다.
아직 공계예정에 해당하는 ViewController을 지정하지 않았기에 cell로 데이터가 표현되지는 않았다.
이제 코드를 구현해보자!!
'Toy Project > Netflix app extension(iOS)' 카테고리의 다른 글
| 6. HistoryViewController 기본 작업 (0) | 2021.05.15 |
|---|---|
| 5. 검색어 서버에 저장하기 (0) | 2021.05.14 |
| 4. Nested Scroll View 구현 (0) | 2021.05.13 |
| 2. Nested Scroll View (0) | 2021.05.11 |
| 1. Netfilx app extension start (0) | 2021.05.10 |