ScrollView

[Jinsujin]

문서링크

@MainActor class UIScrollView : UIView

• 스크롤을 할 수 있는 View
• [UITableView](https://developer.apple.com/documentation/uikit/uitableview), [UITextView](https://developer.apple.com/documentation/uikit/uitextview) 의 상위 클래스
• 손가락의 움직임을 추적하고, 그에따른 origin 을 조정
• ScrollView 자체는 가로, 세로 스크롤 indicator 외에 drawing 을 수행하지 않음
• 반드시 content view의 사이즈를 알아야 하며, 이는 언제 스크롤을 멈출것인지에 반영됨
  • 스크롤한 영역이 범위(bounds)를 벗어나면 되돌아 온다
• content, frame 속성이 있으며 scrollview 하위에 내용을 추가할 시, content 에 추가해야 한다.
• 사용자가 스크롤을 하려는 의도를 판별하기 위해 타이머를 사용
  • touch-down 이벤트가 발생하면 타이머를 시작 → 타이머 시간이 흐르기 전에 손가락이 멀리 이동하면 스크롤 수행

사용하기

스크롤 가로 이동하기

scrollView.setContentOffset(CGPoint(x: 414, y: 0), animated: false)        

• w414*h200 이미지 2개를 scrollview 의 content로 넣은 경우
• scrollView.contentSize: (w 828.0, h 200.0)
• scrollView.frame: (0.0, 0.0, 414.0, 200.0)

스크롤 뷰 + 스택뷰로 레이아웃 잡기

view.addSubview(scrollView)
scrollView.addSubview(stackView)

NSLayoutConstraint.activate([
    scrollView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    scrollView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor),
    scrollView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor),
    scrollView.heightAnchor.constraint(equalToConstant: 200)
])

NSLayoutConstraint.activate([
    stackView.topAnchor.constraint(equalTo: scrollView.contentLayoutGuide.topAnchor),
    stackView.bottomAnchor.constraint(equalTo: scrollView.contentLayoutGuide.bottomAnchor),
    stackView.leadingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.leadingAnchor),
    stackView.trailingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.trailingAnchor)
])

• ❗️스크롤뷰 내부에 들어가는 StackView 는 scrollView.contentLayoutGuide 기준으로 레이아웃을 잡아야 한다