[iOS - HIG] 41. Tables (테이블)

Tables

• 개념: 데이터를 섹션 또는 그룹으로 나눌 수 있고 스크롤되는 단일 열, 행 목록
• 표를 사용하여 정보를 목록 형태로 효율적으로 표출

Table 형태 3가지

3가지 스타일의 구체적인 개념: https://ios-development.tistory.com/538

• Plain: 레이블이 있는 섹션, index row 존재

Plain

• Grouped: 행은 그룹으로 표시되며 항상 하나 이상의 그룹이 포함되고 각 그룹에는 항상 하나 이상의 행이 포함

Grouped

• Inset grouped: 행의 모서리가 둥근형태이고 행의 contents가 길어지는 경우를 대비한 여백이 많은 스타일

Inset grouped

TableView 

• 적절한 테이블 너비를 고려: 얇은 테이블은 잘리고 줄바꿈 현상, 넓은 테이블은 읽기가 어려운 현상
• 표 내용을 빠르게 표출: 테이블 콘텐츠가 load될 때까지 대기하지 않고, 텍스트 데이터로 즉시 채우고 이미지와 같은 데이터를 이어서 채우는 형태로 표출
• 콘텐츠가 로드 될 때 진행 사항을 알림
• 사용자가 언제든지 수동으로 테이블 내용에 업데이트를 수행할 수 있도록 Refresh Content Controls 사용

Table row cell 표준 스타일 4가지

• Basic (Default): 행 왼쪽에는 이미지, 제목 / 오른쪽에 있는 AccessoryView는 Disclosure indicator

Basic(default)

• Subtitle

Subtitle

• Right Detail (value 1)

Right Detail (value 1)

• Left Detail (Value 2): 오른쪽 정렬 title, 왼쪽 정렬된 subtitle

Left Detail (Value 2)

Table Cell 가이드

• 텍스트가 잘리지 않도록 간결하게 유지
• 사용자가 셀을 탭한 경우 강조되는 효과와 같은 피드백 제공
• tableView의 셀은 굳이 표준으로 하지 않아도 되고 커스텀 스타일이 필요하면 커스텀화하여 사용