UITableView / UICollectionView / UIStackView 비교

JG Ahn·2024년 11월 25일

iOS

목록 보기
4/32
post-thumbnail

UITableView

UITableView : 하나의 열에 여러 행을 사용하여 데이터를 표시

  • UITableView는 UIScrollView를 상속받기 때문에 스크롤을 사용할 수 있다.
    다만, 수직 스크롤만 가능! (수평 스크롤은 ❌)
  • 예시는 아래 사진처럼 연락처앱설정앱이 있다.

UICollectionView

UICollectionView : 다수의 열과 다수의 행을 사용해 데이터를 표시

  • 테이블뷰와 마찬가지로 UIScrollView를 상속받지만 수직/수평 스크롤을 모두 사용 가능.
  • 다수의 열과 행을 가지기 때문에 UITableView에서 구현하기 어려웠던 여러가지 셀의 형태로 레이아웃을 커스텀할 수 있다.
  • 컬렉션뷰가 사용된 예시로는 인스타그램이 있다.

UIStackView

UIStackView : 열이나 행에 여러 뷰들을 배치할 수 있는 인터페이스

  • 스택뷰는 오토레이아웃을 활용해 기기의 방향, 화면 크기, 공간의 변화에 따라 동적으로 적응할 수 있는 사용자 인터페이스를 만들 수 있다.
  • 다수의 뷰를 배치하는데 유용하다.


  • 테이블뷰는 1차원의 간단한 리스트를 나타낼때 사용하는 것이 좋다.

  • 컬렉션뷰는 리스트를 커스텀하거나 나중에 디자인이 변경될 여지가 있다면 사용하는 것이 좋다.

  • 스택뷰는 다수의 뷰를 배치하거나 오토레이아웃이 필요할때 사용하면 좋을것 같다.

결론 : 사용자에게 더 좋은 UX를 제공할 수 있도록 그에 맞는 UI뷰를 선택해서 사용해야겠다.

0개의 댓글