IOS] storyboard SCROLLVIEW 구현 및 수정 방법

스크롤 페이지를 만들고 싶다면 다음 방법들을 따라가도록 하자.

시작은 비어있는 ViewController에서 한다.

 

 

---

1. scrollview를 생성해서 원하는 크기기준에 constraint를 지정해준다. 

전체화면을 스크롤뷰로 하고싶다면 safe area를, 조그만 크기의 스크롤뷰를 만들고 싶다면 scrollview상자를 조그맣게 만들어 view에 소속되게 하고 view를 기준으로 constaraint해주면 된다. 

아직 빨간색으로 오류가 뜬다. 정상이다. 

 

2. 컨텐츠 뷰의 역할을 할 view를 하나 만들어 scrollview에 소속되게 한다.

원하는 높이 혹은 넓이를 설정한 후 constraint 상하좌우를 scrollview에 0으로 만든다.

그러나 height와 width는 최상위 view와 같게 만든다. 이제 스크롤이 된다. 

그리고 높이와 넓이 모두 muntiplier는 1로 만들어준다. 

아직 어떤 컨텐츠도 안들어가서 빨간색으로 오류가 난다. 정상이다. 

 

3. 컨텐츠 넣어주면 끝이다.

(사진이 가로로 여러 개 들어가면 좋을 텐데 좀 아쉽네..)

 

 

 

---

+이제 여기서 스크롤뷰의 크기를 늘리거나 작게 수정하고 싶다면 다음을 차례대로 설정한다. 

 

1. 컨텐츠를 담은 view의 height를 원하는 만큼 설정한다.

2. view의 autolayout( constraints ) 상하좌우를 재설정한다. (지우고 다시 contraint하기)

3. View.height = Safe Area.height ( contraint ) 재설정