🤟🏻 3주차 과제

[ena-isme]

⭐️3주차⭐️

3주차 과제에서는 2주차에 이어 Tving 클론 코딩을 하였습니다. 기본과제로 마이페이지를 구현하였고, 심화과제로 홈뷰를 구현하였습니다.

홈뷰는 전체를 하나의 collectionView 로 구현한 뒤 각각의 cell 에 다시 scrollView 를 올리고 collcetionView 를 쌓는 방식으로 구현하였습니다. 홈을 제외한 나머지 TV, 파라마운트+ 등은 이미지입니다 :)

⭐️주요코드⭐️

SceneDelegate 에서 네비게이션바 때문에 레이아웃이 잘 잡히지 않았습니다. 평소에 navigationBar를 신경쓰지 못하였는데 존재를 다시금 알 수 있었습니다.

//In SceneDelegate
navigationController.navigationBar.isHidden = true
self.window?.rootViewController = navigationController
self.window?.makeKeyAndVisible()

심화과제에서 HomeCollectionView 를 스크롤하여 화면을 넘길 때는 HomeCollectionViewCell 에 맞춰 HomeTabBarCell 도 잘 선택되었지만 반대로 HomeTabBarCell 를 클릭할 때는 HomeCollectionViewCell 이 넘어가긴 하지만 위에 HomeMainView 가 고정되어 있는 오류가 있었습니다. 따라서 아래와 같이 해결하였습니다.

//In HomeViewController
if collectionView == rootView.tabBarView {
            rootView.homeContentView.isPagingEnabled = false
            rootView.homeContentView.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: true)
            rootView.homeContentView.isPagingEnabled = true
)

심화과제에서 tabBar 를 클릭할 때 선택된 Cell 이 핸드폰 화면 너머 위치하고 있다면 화면 내에 보이도록 하는 애니메이션을 추가하였습니다.

func scrollViewDidScroll(_ scrollView: UIScrollView) {
        let velocity = scrollView.panGestureRecognizer.velocity(in: scrollView)
        if velocity.x < 0 {
            direction = -1 }
        else if velocity.x > 0 {
            direction = 1 }
    }

func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {

            if direction > 0 {
                rootView.tabBarView.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: true)}
            
            else {
                rootView.tabBarView.scrollToItem(at: indexPath, at: .left, animated: true)}
        }
    }

⭐️실습결과⭐️

기본과제

심화과제