CollectionView Cell 크기 결정 비망록

셀의 크기를 결정하는 방법에는 두 가지가 있습니다.


  • Main.Storyboard에서 설정
  • 코드로 구현

  • storyboard에서 설정





    ViewController에 CollectionView를 추가하고 위 이미지와 같은 설정 항목의 수치를 변경하여 셀 크기를 변경할 수 있습니다.

    이때 Estimate Size

    위의 이미지처럼 Custom이 되어 있어야 한다.
    그리고는, 좋아하는 것처럼 Cell 사이즈를 변경하거나 헤터나 풋터 등을 설정하는 것으로 실장할 수 있다.
  • 장점
  • 비교적 구현하기 쉽습니다
  • 크기 관리가 쉽다

  • 단점
  • 고정 값 만 설정할 수 있습니다 (화면 크기에 따라 셀 크기를 동적으로 변경할 수 없음)


  • 코드로 구현


        @IBOutlet weak var CollectionView: UICollectionView!
        @IBOutlet weak var CellLayout: UICollectionViewFlowLayout!
    
        override func viewDidLoad() {
            super.viewDidLoad()
            CellLayout.itemSize = CGSize(width: 300, height: 100)
        }
    

    위 이미지처럼 IBOutlet에서 아래 이미지에 있는 입방체 아이콘의 UICollectionViewFlowLayout을 연결한다.


    이렇게 하면 코드 상에서 Cell의 크기나 헤터나 바닥글 등을 설정할 수 있다.
    위 이미지의CellLayout.itemSize = CGSize(width: 300, height: 100)Cell의 크기를 결정하기위한 코딩입니다. 코드에서는 이용하는 iPhone의 화면 사이즈에 따른 Cell의 크기를 설정할 수 있다.

    storyboard와 코드 모두에서 설정된 셀 크기



    기본적으로 storyboard의 Estimate Size가 무엇이 되고 있는지에 따라 우선도가 결정된다.
    우선, Custom이 되어 있는 경우 코드보다 Storyboard의 설정이 우선되고, None이 되어 있는 경우, 코드에서의 구현이 우선된다.

    좋은 웹페이지 즐겨찾기