Programming/iOS

[iOS.Swift3.0] UITableView 알아보기 - 기본

devssun 2018. 6. 1. 00:00
728x90
반응형

TableView 알아보기

테이블뷰는 iOS앱에서 가장 많이 볼 수 있는 형태의 인터페이스이다. 테이블뷰는 섹션으로 구별될 수 있는 여러 행의 스크롤이 가능한 데이터 목록을 제공한다.


테이블뷰의 용도

  1. 사용자가 계층적으로 구조화된 데이터를 탐색하게 하기 위함
  2. 색인된 항목 목록 표시
  3. 시각적으로 구별되는 그룹으로 세부 정보와 컨트롤 표시
  4. 선택할 수 있는 옵션 목록 제시

위의 네가지 외에도 많은 용도로 사용한다.


테이블뷰 스타일
테이블뷰의 스타일에는 두가지가 존재한다.

  1. Plain Table Views
    plain(혹은 regular) 스타일은 화면을 가로질러 늘어지는 행을 표시하며 기본적으로 흰색 배경 색상을 갖는다.
    plain table은 하나, 혹은 그 이상의 섹션을 가질 수 있다.
    섹션은 하나, 혹은 그 이상의 row를 가질 수 있다.
    각 섹션은 각각의 HeaderFooter title을 가진다. 이 두가지는 커스텀이 가능하다.
    사용자가 많은 row를 스크롤하게 되면 섹션의 Header가 테이블뷰의 맨 위로 이동하고 섹션의 Footer가 맨 아래로 이동한다.

    • 예시1 : 설정앱 > 일반 > 언어 및 지역 > iPhone Language
    • 예시2 : 카카오톡 친구목록
  2. Grouped Table Views
    grouped table view도 마찬가지로 정보를 리스트에 표시하지만 시각적으로 별개의 섹션에서 관련된 행을 그룹화하여 보여준다.
    각 섹션은 둥근 모서리를 갖고 청회색의 배경색을 갖는다.
    각 섹션의 HeaderFooter title은 이미지나 텍스트를 포함하여 작성할 수 있다.
    그룹화된 테이블은 데이터 계층 구조에서 자세한 데이터를 표현하는데 적합하다.

    • 예시1 : 설정앱
    • 예시2 : 설정앱 > 일반 > 언어 및 지역

      



테이블뷰 셀 표준 스타일
데이터를 표시하는 테이블뷰의 셀은 UIKit 프레임워크에서 4개의 표준 스타일을 제공한다.

  1. Basic
  2. Right Detail
  3. Left Detail
  4. Subtitle

그리고 Custom style을 지정하게 되면 다른 앱에서 볼 수 있듯이 개성있는 cell UI를 적용할 수 있다.

반응형