[Swift] Vertical Scroll View

 

1. 기존에 있는 View Controller에 Scroll View를 추가

 

 

2. Scroll View의 상하좌우 제약조건 추가

상,하,좌,우 동일하게 0으로 지정!

 

 

3.  Scroll View에 View 추가

 

4. View의 상하좌우 제약조건을 Content Layout Guide에 지정

*Content Layout Guide : 컨텐츠 내용 영역

 

제약조건을 지정하는 방법

1) control을 누른채로 View를 드래그

2) Content Layout Guide에 놓기

3) Leading Space to Content Layout Guide ~ Bottom Space to Content Layout Guide 까지 선택

 

선택을 하면 이렇게 왼쪽에 점이 찍히는게 보여요 !

 

제약조건 4개 모두 설정한 화면

 

5. View와 Frame Layout Guide 제약조건 추가

*Frame Layout Guide : 고정되어야 하는 프레임

즉, Vertical Scroll (세로 스크롤)인 경우 Width를 고정시키고 Horizontal Scroll (가로 스크롤)인 경우 Height를 고정

 

6. View의 크기 지정

Vertical Scroll 의 경우 유동적인 Height 크기를 지정

Horizontal Scroll 의 경우 유동적인 Width 크기를 지정

 

7. Test를 위해 Label 추가 및 Background Color 를 임의로 지정

저는 라벨 3개와 Background Color를 Brown으로 지정했어요~

 

결과화면