[iOS] TableView

Eugenie·2022년 7월 6일
0

Hits

TableView

테이블뷰는
iOS 애플리케이션에서 많이 활용되는 사용자 인터페이스이다.

리스트 형태를 지니고 있으며 스크롤이 가능해
많은 정보를 보여줄 수 있다.

🌳 하나의 열(column) 과 여러 줄의 행(row) 을 지니며, 수직으로만 스크롤 가능
🌳 각 행은 하나의 셀(cell) 에 대응
🌳 섹션(section) 을 이용해 행을 시각적으로 구분 가능
🌳 헤더(header) 와 푸터(footer) 에 이미지나 텍스트 추가해 추가정보 제공 가능

TableViewImage

TableView Style

🎾 Plain TableView

더 이상 나뉘지 않는 연속적으로 이어지는 행의 리스트 형태

하나 이상의 섹션을 가질 수 있으며, 각 섹션은 여러 개의 행을 지닐 수 있다.
각 섹션은 헤더 혹은 푸터를 옵션으로 지닐 수 있다.
색인을 이용한 빠른 탐색을 하거나 옵션을 선택할 때 용이하다.

🥏 Groupped TableView

섹션을 기준으로 그룹화되어 있는 리트스 형태

하나 이상의 섹션을 가질 수 있으며, 각 섹션은 여러 개의 행을 지닐 수 있다.
각 섹션은 헤더 혹은 푸터를 옵션으로 지닐 수 있다.
정보를 특정 기준에 따라 개념적으로 구분할 때 적합하다.
사용자가 정보를 빠르게 이해하는 데 도움이 된다.

Plain vs. Gropped

Create TableView

🧪 Dynamic Prototypes

셀 하나를 디자인해 이를 다른 셀의 템플릿으로 사용하는 방식

데이터 소스(UITableViewDataSource) 인스턴스에 의해 콘텐츠를 관리

When

같은 레이아웃의 셀을 여러 개 이용해 정보를 표시할 경우
셀의 개수가 상황에 따라 변하는 경우

⚗️ Static Cells

고유의 레이아웃과 고정된 수의 행을 가지는 테이블뷰에 사용

When

테이블뷰를 디자인하는 시점에 테이블의 형태와 셀의 개수가 정해져있는 경우


📚 Reference
UITableView
TableViews
boostcourse - iOS 앱 프로그래밍

profile
🌱 iOS developer

0개의 댓글