김종권의 iOS 앱 개발 알아가기

Sticky 헤더 구현 아이디어LazyVStack의 pinnedViews 파라미터에 [.sectionHeaders]를 넣을 수 있는데 이 값을 사용하면 sticky header 구현이 매우 용이LazyVStack(pinnedViews: [.sectionHeaders])위 옵션을 주고 Section에 뷰를 넣으면 그 뷰가 sticky로 자동으로 동작됨ScrollView { LazyVStack(pinnedViews: [.sectionHeaders]) { // 상단 콘텐츠 VStack { Text("Top Content") .font(.largeTitle) .padding() ..

1. Sticky Header 구현 - 스크롤 시 상단 해더 숨기는 방법 2. Sticky Header 구현 - 스크롤 시 상단에 뷰 붙이는 방법 구현 아이디어 sticky할 뷰와 동일한 형태 뷰 준비 + 숨김 상태로 초기화 sticky 뷰는 scroll 안에 넣지 않고 맨 상단에 보이도록 scrollView보다 위에 있도록 addSubview scrollView의 top은 topView의 하단에 붙이기 (topView의 하단에 sticky도 붙일것) sticky 뷰는 topView하단에 붙이기 + stikcy의 높이는 sticky할 뷰의 높이와 동일하게 설정 스크롤 뷰의 델리게이트 메소드인 scrollViewDidScroll에서 stikcy 타이밍을 계산하여 stikcyHeaderView를 hide/s..

1. Sticky Header 구현 - 스크롤 시 상단 해더 숨기는 방법 2. Sticky Header 구현 - 스크롤 시 상단에 뷰 붙이는 방법 Sticky Header 개념: 스크롤 뷰 상단에 마치 붙어있다가 아래로 스크롤하면 뷰가 떼어진다고 하여 Sticky Header라고 명칭 구현 아이디어 UIScrollView가 가장 하위에 있고, 그 위에 StickyHeaderView가 존재 UIScrollView의 델리게이트 메소드 중 scrollViewDidScroll(_ scrollView: UIScrollView)를 사용하여 스크롤 offset에 따라 StickyHeader뷰의 alpha값만 조정하면 구현 완료 Sticky Header 구현 * 코드로 오토레이아웃 정의에 편리한 SnapKit 사용 레..