[ iOS / Swift ] 온보딩(Onboarding) 화면 만들기 - (2) UIPageControl, UIPageViewController

이번에는 페이지컨트롤러가 있는 뷰컨트롤러에서 설정할 것들을 해줄 것이다

 

1. 뷰컨트롤러에 PageControl 관련 기본 설정을 해준다

- viewDidLoad에 PageControl의 이미지와 색상에 관한 설정

- iboutlet으로 뷰컨트롤러에 PageControl 연결

- 페이지컨트롤의 값이 바뀌면 onboardPageViewController의 페이지가 바뀔 수 있게 onboardPageViewController 변수를 추가

 

 

2. 페이지가 바뀌었을 경우 PageControl의 UI를 변경되도록 처리해 주는 함수를 추가해 준다.

 

PageControl의 값이 변경되면 페이지가 이동되고 PageControl의 UI가 변경되도록 설정해 준다.

 

3.  뷰컨트롤러와 페이지뷰컨트롤러 간에 페이지 컨드롤에 대한 데이터들을 주고받을 수 있도록 설정

• 3-1 뷰컨트롤러에서 PageControl에 대한 Delegate를 생성

• 3-2 PageViewController에서 Delegate를 사용할 수 있도록 변수를 추가

 온보딩 페이지들에 대한 정보를 PageViewController에서 갖고 있기 때문에 viewDidLoad에서 PageControl의 페이지 개수를 Delegate로 설정해 주는 코드를 추가해 준다.

 

 

온보딩페이지가 전환되면 PageControl도 페이지에 맞게 인디케이터가 전환되어야 하기 때문에

PageViewController의 Delegate 부분에 Delegate를 통해 페이지 컨트롤을 전환해 주는 코드를 추가해 준다

 

 

4. 이제 다시 ViewController로 돌아가서 ViewController에서 PageViewController로의 segue 설정만 해주면 끝

 

이렇게 페이지 컨트롤러를 통해 페이지를 이동할 수 있게 된다.

이제 다음 장에서는 버튼을 추가해서 버튼을 통해 화면이 이동할 수 있도록 해보겠다.

3에서 계속!