오늘도 공식 문서부터 꺼내 봅시다... 🥲
포함된 뷰의 스크롤과 확대/축소를 허용하는 view
UIScrollView
는 UITableView
와 UITextView
를 포함한 여러 UIKit 클래스들의 superclass이다.스토리보드에 scroll view를 삽입하면 자동으로 Content Layout Guide
와 Frame Layout Guide
가 생성된다 ❗️
얘네가 뭘 의미하는지부터 알아봅시다
scroll view의 변형되지 않은 컨텐츠 사각형을 기반으로 하는 레이아웃 가이드
scroll view의 컨텐츠 영역과 관련된 오토레이아웃 제약 조건을 생성할 경우 이 레이아웃 가이드 사용
➡️ scroll view 안에 있는 content view와 관련된 레이아웃 가이드
scroll view의 변형되지 않은 frame 사각형을 기반으로 하는 레이아웃 가이드
컨텐츠 사각형이 아닌 scroll view 자체의 frame 사각형을 포함하는 오토레이아웃 제약 조건을 생성하려는 경우 이 레이아웃 가이드를 사용
➡️ scroll view 자체와 관련된 레이아웃 가이드
상하 스크롤 ➡️ content view와 scroll view의 너비가 같다
좌우 스크롤 ➡️ content view와 scroll view의 높이가 같다
그럼 이렇게 너비는 설정된다
뷰컨을 누르고 인스펙터로 가서 Simulated Size의 Freeform을 선택한 뒤, 지정한 높이를 입력해 주면 전체 화면도 볼 수 있음
label을 얹고 bottom 100, leading 100, trailing 100 제약 조건을 줬당
scroll view가 잘 구현되었다 ❗️