메인 메뉴 (온보딩) - CollectionView

[DevKDuck]

메인 메뉴 (온보딩) 중앙에 배치할 CollectionView 부분 구현중 이슈 발생

• [ ] CollectionView AutoLayout 설정하기

  디자이너가 정해준 크기 - 아이폰 12mini 기준

  

현재 상황

• CollectionView 상단 라벨과의 거리, 하단 버튼과의 거리, x축 중앙 정렬
• 셀의 크기 263 x 500
• ContentView 안 UIImageView = SuperView와 Space 모두 0 , width = 263 ,height = 500

문제점

• 타 기종의 아이폰으로 실행시 CollectionView부분 잘림 현상 발생 ( 화면 크기가 아이폰 12mini 보다 작은 기종)

[DevKDuck]

 func collectionView(_ collectionView: UICollectionView, layout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let frameWidth = self.view.frame.width
        let horizontalMargin: CGFloat = frameWidth * (56 / 375)
        let width = frameWidth - (horizontalMargin * 2)
        let height = width * (442 / 260)
        return CGSize(width: width, height: height)

• 아이폰 미니 12 기준 width 375 height 812
• 수평여백 = 프레임폭 x (56/375)
• 셀의 width = width - (수평여백 x 2 ) (양옆이라 두번 해줌)
• 셀의 height = width x (442/260 (width와 442:260) 비율

하지만 mini보다 크기가 작은 SE로 실행할 시 여전히 잘림현상이 있음

• Label과 버튼과의 오토레이아웃이 잡혀있는 와중에 위에 조건을 충족하려고 하여 컬렉션 뷰보다 셀이 더 커진것으로 추정 (수정필요)