[iOS] 스크롤 시 회색선 나타나게 하기

CollectionView가 스크롤 되는지 파악 해서 특정 뷰를 띄우고 싶은 경우가 있습니다!

저 같은 경우에는 하단 스크롤시에 고정되어있는 상단 로고뷰와 스크롤 되는 영역 사이의 회색선이 나타나도록 하는 하단과 같은 뷰를 구현했어야했는데요!

 

처음에 팬제스처를 이용하는 것인가 고민했지만 정말 생각보다 쉬운 작업이었습니다.

 

1. CollectionvView를 가지고있는 ViewController가 UIScrollViewDelegate를 채택 하도록 합니다.

extension MainViewController: UIScrollViewDelegate{
 
}

2. scrollViewDidScroll 함수를 구현해줍니다.

스크롤시에 내부적으로 호출 되는 함수인

func scrollViewDidScroll(_ scrollView: UIScrollView)

를 하단 처럼 구현해주면 됩니다!

extension MainViewController: UIScrollViewDelegate{
  func scrollViewDidScroll(_ scrollView: UIScrollView) {
    if scrollView.contentOffset.y > 0{
      grayLine.isHidden = false
    }else{
      grayLine.isHidden = true 
    }
  }
}

스크롤뷰의 contentOffset은 스크롤이 시작 되면

vertical 스크롤 일경우 scrollView.contentOffset.y 값이,

horizontal 스크롤 일 경우 scrollView.contentOffset.x의 값이 0에서 시작하여 점점 커지는데요

제가 스크롤할 뷰는 vertical scrollview이기 때문에 scrollView.contentOffset.y가 0보다 큰 상태인지 아닌지 에 회색선이 보이도록 isHidden 값이 변경 되도록 구현하였습니다~~

이외에도 UIScrollView의 다양한 delegate들을 적절히 채택해서 잘 활용하면 좋을 것 같습니다~