<aside> 💭 Index

</aside>

요약

사용자의 제스처에 따라 스크롤 뷰의 bounds 을 변경해서 **[눈에 보이는 컨텐츠 영역]**를 변경해주는 뷰

스크롤 뷰 자체의 프레임 영역과 스크롤 뷰 안의 콘텐츠 영역을 별개로 생각해야 한다

frame rectangle 과 content rectangle

사용자가 스크롤하면 bounds.origin 과 contentOffset 이 바뀐다

스크롤뷰에 contentInset 을 추가하면 [처음 스크롤뷰가 그려졌을 때의 origin 값] 도 변경된다.

API

contentOffset

기본적으로 bounds.origin 과 같은 값

현재 스크롤뷰가 보여주는 부분의 top-left corner 가 컨텐츠의 origin 에서 얼만큼 떨어져있는지 나타내는 값

사진에서 스크롤 뷰는 붉은색이고, 스크롤뷰의 하위뷰인 컨텐츠 뷰는 회색이다.

contentInset top: 100

contentsOffset: (0.0, -100.0)
scrollView bounds : (0.0, -100.0, 393.0, 759.0)

contentInset top: 100, left: 20

contentsOffset: (-20.0, -100.0)
scrollView bounds: (-20.0, -100.0, 393.0, 759.0)