Toy Project/Netflix app extension(iOS)

4. Nested Scroll View 구현

개발자킹콩 2021. 5. 13. 22:17

Nested Scroll View 구현

 

공개예정에 해당하는 UpcomingViewController이 아직 custom class로 지정되지 않았기에 이를 지정하고 기능을 구현한다. 우선 HomeViewController의 코드를 해석해보자

 

 

 

 

 

HomeViewController에서는 3개의 RecommandListViewController를 갖고있다.

이때 prepare을 통해 각각의 segue의 identifier로 ViewController를 구분하고 type을 지정해서 fetch하는 구조이다.

 

 

 

 

 

RecommandListViewController에 들어가게 되면 updateUI를 하게되고 각 sectionLabel은 HomeViewController에서 updateType으로 지정한 type에 해당하는 텍스트로 지정하게 된다.

 

 

 

 

 

title은 compute property에 해당하며 각 case이 맞게 텍스트를 반환하도록 구현했다.

HomeViewController에서 사용하는 메소드인 fetchItems의 경우 현재 갖고 있는 type으로 fetch하게 된다.

그럼 MovieFetcher에 대해 살펴보자

 

 

fetch의 경우 type method로 지정되어 있으며 전달받은 type을 각 조건에 맞게 [DummyItem]으로 반환하게 된다.

이때 DummyItem의 경우 UIImage에 해당하며 [DummyItem]은 UIImage의 array이다.

 

 

 

 


 

 

 

 

위의 3개의 캡처에는 cell의 사이즈와 cell을 어떻게 표현하는지에 대한 정보를 담고 있다.

이때 RecommandCell에 존재하는 thumbnailImage를 storyboard에 있는 Container Viewcontroller에 image와 연결시켜야 한다. 

 

 

 

 


 

 

 

 

구현!

 

 

 

우선 공개예정 Tabbar ViewController의 custom class를 UpComingViewController로 지정한다. 

 

 

두개의 Container View에 의해 만들어진 ViewController을 연결하는 Segue의 identifier을 다음과 같이 first, second로 지정한다. 이제 코드를 구현하면 된다.

 

 

 


 

 

 

 

다음과 같이 구현이 완성되었음을 확인할 수 있다.