[iOS] Tableview Cell 사이의 간격주기

[iOS] Tableview Cell 사이의 간격주기

 

(초기 작성일) 2021.08.21

(1차 업데이트) 2024.08.31

 - 간격 주는걸 추천하지 않는 이유

 

 

    override func layoutSubviews() {
        // 테이블 뷰 셀 사이의 간격
        super.layoutSubviews()

        contentView.frame = contentView.frame.inset(by: UIEdgeInsets(top: 0, left: 0, bottom: 12, right: 0))
    }

 

반복, 일회성 부분을 주목해주기!!

 

저 부분이 테이블 뷰에서 셀 간의 간격을 준 모습이다.

 

간격 주는걸 추천하지 않는 이유

이렇게 하면 서로 다른 셀이 하나의 테이블 뷰에 들어가는 경우 패드 및 폰 UI 대응이 매우 어려워짐. 또한, 배경의 블러 색상 등 서비스적으로 복잡한 UI를 구성해야 할 경우 예외 케이스를 막는 형태로 난잡해짐.

 

사실 테이블 뷰는 특정 케이스를 제외하곤 일반적으로 UICollectionView를 사용하여 개발하는게 나중을 위해서 더 나음.

하지만 UITableView를 사용했다면 이 보다는 각 셀에서 셀 자체 아이템이 edges에 inset을 넣어 대응하는게 미래를 위해서 더 나음.

특히 아이패드랑 아이폰을 동시에 대응해야 하는 서비스에서  edges에 inset을 넣어 대응하는 방식이 유용하며, 개발에 디자인을 맞추는 것이 아닌 디자인에 개발을 맞추어야 하기에 훨씬 더 나은 방식.